0
点赞
收藏
分享

微信扫一扫

nginx 部署 多个vue项目 端口代理配置问题

攻城狮Chova 2021-09-28 阅读 66

一 . 更改vue 前端项目 打包根路径

  1. vue-cli 2.x版本
    在 config/index.js 文件夹中


    改为

  2. vue-cli 3.x版本
    在 vue.config.js 文件


    改为

  3. vue-cli 4.x版本
    在 vue.config.js 文件


改为


由以上三中类型 运行打包命令后 把dist包 分别对应根路径的名称 重新命名

二. 把第一步拿到的三个项目压缩包 上传到远程服务 nginx 下的html文件夹下 如下:



更改 nginx.conf 配置如下


(啊尴尬 其实直接在


改成不同的名字“应该也行”打包后直接就是这个文件名 而不是dist
自己可以试一试没事)

(访问时最好在路径后 加个 '/')
更改配置后 重启项目即可
若在 项目运行中与后段接口 交互中出现问题可参考 https://www.jianshu.com/p/12ae939fafef

举报

相关推荐

0 条评论