项目中使用了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 类似，我是添加了，看到有的人没有添加也可以.
网友评论