一台Nginx服务器反向代理多个端口服务器,主要是实现公网IP不足的情况
话不多说,直接上代码
修改项目下的vue.config.js,部署环境该文子目录名称
npm run build项目,将dist文件中除index.html文件的其他文件全部放入public文件夹内!!!!!!否则会找不到静态资源
将dist文件替换掉之前发布的dist文件
nginx反向代理,location后添加子目录,重启nginx
注意事项
修改完nginx配置文件,最好先停止nginx并确保此nginx的所有服务都停掉,然后在重新启动。否则nginx存在缓存,可能会存在访问不了最新的代理的情况。
可能会碰到的坑
项目中添加子路径时,打包时可能会报错,也可能会警告。建议将baseUrl换成publicPath