三, Vue のvue-cli 2.x和3.x 在nginx部署多个vue项目

项目中使用了nginx,但是需要分项目在同一个服务器测试,建立多个项目配置,这里分vue-cli 2.x和3.x 

  • vue-cli 2.x  工程中有 3 个地方要设置 (假设配置在gentle-vue,这个目录下)

  1.   config目录 --> index.js --> build 中 设置访问路径:

注意:更改assetsPublicPath: '/gentle-vue/', 为你自己的项目名, 别忘了前后的"/",  这里gentle-vue,就是配置的路径名

   2.  router目录 --> index.js 中设置:​

​​​​​​

3. index.html 的 <head> 中 新增:<meta base=/gentle-vue/>

注意: 这第三步我加入时候没有测,看到有的人没有配置,这里看大家情况,可以不添加. 

前端就配置完了,就上面三个步骤.

  • vue-cli 3.x  工程配置 (假设建立项目nft)

1. 根目录下找到"vue.config.js" ,添加 publicPath: ""

   2.    router目录 --> index.js 中设置:​

      

   注意:这里添加base 同vue-cli2.x 类似,我是添加了,看到有的人没有添加也可以.

 

 Tip:  以上vue-cli2.x 和3.x 前端配置就这些, 如果还是无法创建多个目录访问,仔细对着上面操作检查是否有误,  最后需要检查后端是否也配置完成。

  可以 进扣扣群交流:316567839

    

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值