linux部署vue到nginx

1、在config目录下的index.js中修改为./，防止静态文件加载不到

同时修改build目录下的utils.js中增加publicPath

2、npm run build，把dist目录文件放到第4步的conf配置的路径下
3、安装好nginx，官网中有相应不同的操作系统安装说明
4、增加nginx的conf配置，端口id不能nginx的defualt_conf的配置id冲突（默认80，注意的是defualt_conf中监听id是80的话，此端口在路由器中映射端口需要不同，一样也会出现address already in use冲突）

冲突可能出现如下问题

解决的话：
先使用ps -e | grep nginx查看是否已经启动了nginx

如果没有的话则按照提示，查看0.0.0.0:80端口谁占用了，使用netstat -ltunp命令，可以看到占用的程序，关闭占用的程序或使用新的端口

如果nginx自己占用的话，修改完自己配置的端口，重新启动nginx即可

5、启动nginx
6、路由器设置
设置虚拟服务器，把nginx配置中的ip和端口设置到内部端口和ip中

查看路由器静态ip

7、在网页中使用ip+端口访问