针对linux下Nginx同域名/IP 部署多个Vue前端项目,Vue打包及Nginx配置注意事项。

需要在Vue打包的时候配置不同的项目名称。

1:config下的index.js文件,assetsPublicPath参数

2:index.html文件增加meta

3:路由下的index.js文件

以上配置后打包上传到要部署的服务器对应文件夹,再配置nginx.conf文件

4:nginx.conf的server的配置

如上,多个前端项目,用多个location区分,后面跟不同的项目打包名称即可,

我这里第一个是Vue项目,第二个是普通的html项目。

这里注意的是location /zbh/,最后的斜杠可要可不要,如果加了,那么访问的时候地址后面就必须要加斜杠才能访问。

如:我后面这个sevnce的项目,不加斜杠就会404。

如果不加,访问的时候地址加不加斜杠都可以,但是不加,会自动重定向到一个加了斜杠的地址。


然后就会跳转到自己项目的首页或登录页。

以上是个人学习并部署成功后,来做个笔记,以供参考。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值