nginx部署多个Vue项目,顺便踩坑

本文介绍了如何在不改变端口的情况下,使用Nginx部署多个Vue项目。关键步骤包括在vue.config.js中修改publicPath,为Vue路由设置base属性,以及正确配置Nginx的alias指令,特别强调了路径斜杠的重要性,以避免500错误。通过这些配置,可以实现多个Vue项目在同一服务器上的并行运行。
摘要由CSDN通过智能技术生成

首先如果同个nginx要部署多个项目,并且端口不变,Vue项目文件需要先调整

1、vue.config.js调整:

修改publicPath如上图,其中  his就是我要使用的nginx子路径 。

2、router文件夹下,index.js配置文件添加红框内base配置

 3、nginx配置修改:

这边的配置,斜杠是个很大的坑,原本第二个配置如果是  alias   html\HisDist\   会一直报500错误

注:“HisDist”是第二个Vue项目的文件夹

 


做完以上配置,就可以正常运行了

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值