nginx部署vue项目

虽然说现在部署有了各种各样的工具，可以在项目中为了排查问题，手动打包也得会。
1.服务器部署nginx（网上的博客众多，不再赘述）
2.修改nginx的配置文件
打开nginx的conf文件夹
修改nginx.conf文件

修改端口为自己想要的端口，也可以添加端口
增加下方的代理路径 usr/local/oriPlan-fronted里存放的为vue项目打包后dist文件中的内容
index为dist包中起始界面

3.修改配置文件后
打开nginx下的sbin文件夹输入 ./nginx -t
用来检测配置文件是否正确（下图为正确标识）

4.依旧是sbin路径下，输入 ./nginx -s reload
重启nginx配置文件即生效，将dist包放在配置文件中指定的路径下后，便可以访问发布的地址了
ip：8099（自己设置的端口）
注：记得开放端口，也可关闭防火墙