项目中使用了nginx,但是需要分项目在同一个服务器测试,建立多个项目配置,这里分vue-cli 2.x和3.x
1. vue-cli 2.x
工程中有 3 个地方要设置 (假设配置在gentle-vue,这个目录下)
-
config目录 --> index.js --> build 中 设置访问路径:
20200305163306861.png
注意:更改assetsPublicPath: '/gentle-vue/', 为你自己的项目名, 别忘了前后的"/", 这里gentle-vue,就是配置的路径名
- router目录 --> index.js 中设置:
20200305163823723.png
- index.html 的 <head> 中 新增:<meta base=/gentle-vue/>
20200305163958348.png
注意: 这第三步我加入时候没有测,看到有的人没有配置,这里看大家情况,可以不添加.
前端就配置完了,就上面三个步骤.
2.vue-cli 3.x
工程配置 (假设建立项目nft)
- 根目录下找到"vue.config.js" ,添加 publicPath: ""
20200305164735751.png
- router目录 --> index.js 中设置:
20200305165145773.png
注意:这里添加base 同vue-cli2.x 类似,我是添加了,看到有的人没有添加也可以.