一台Nginx服务器反向代理多个端口服务器，主要是实现公网IP不足的情况

话不多说，直接上代码

修改项目下的vue.config.js，部署环境该文子目录名称

npm run build项目，将dist文件中除index.html文件的其他文件全部放入public文件夹内！！！！！！否则会找不到静态资源

将dist文件替换掉之前发布的dist文件

nginx反向代理，location后添加子目录，重启nginx

注意事项

修改完nginx配置文件，最好先停止nginx并确保此nginx的所有服务都停掉，然后在重新启动。否则nginx存在缓存，可能会存在访问不了最新的代理的情况。

可能会碰到的坑

项目中添加子路径时，打包时可能会报错，也可能会警告。建议将baseUrl换成publicPath