在window上已经安装好了nginx的基础上，来部署VUe项目

没安装好nginx，参考这边：https://www.cnblogs.com/yingyigongzi/p/10867805.html

打包vue项目

npm run build

 通过上面命令后打包好的静态资源将输出到dist目录中。如图所示

将打包好的dist文件夹复制到nginx安装目录下的html文件夹内

修改nginx配置文件，配置文件为conf下的nginx.conf,修改nginx.conf中的server配置片段

图中的localhost换成IP，例如10.8.20.300，即可在内网其他电脑上通过“http://10.8.20.300:8081”访问

完成nginx配置后重新加载配置文件，命令如下（ps:需要在安装的根路径下执行）：

nginx -s reload

 浏览器中访问：http://localhost:8081

扫码关注我们

微信号：SRE实战

拒绝背锅 运筹帷幄

×

选择打赏方式：

微信 QQ钱包 支付宝

打赏

打赏

打赏

多少都是心意！谢谢大家！！！