iview-admin nginx 部署子目录

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

话不多说,直接上代码

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

粘贴图片

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

粘贴图片

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

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

粘贴图片

注意事项

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

可能会碰到的坑

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

粘贴图片

粘贴图片

原文地址:https://www.cnblogs.com/chenwan1218/p/13061314.html