项目中使用了nginx,但是需要分项目在同一个服务器测试,建立多个项目配置,这里分vue-cli 2.x和3.x
-
vue-cli 2.x 工程中有 3 个地方要设置 (假设配置在gentle-vue,这个目录下)
- 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