uni-app h5部署时不同环境下base路由的配置

872 阅读1分钟

需求背景

基于uni-app的移动端项目,test环境,prod环境需要部署到域名根目录下不同目录

1、部署到域名根目录下

不需要设置,manifest.json中默认base为'' "h5": { "router": { "mode": "history", "base": "" } }

2、部署到域名根目录下的不同目录下

1)manifest.json中设置相对目录

图片.png

2)配制环境的文件中,添加base目录配置,供其他地方使用

图片.png

3)配置生产环境和测试环境部署时自动切换

这点很重要,如果忘记了,部署测试环境就会出现错误

项目根目录下添加setRouterBase.js,在测试环境时,设置base为'', 然后添加命令到package.json中的测试环境编译脚本中,这样在部署测试环境时就可以跟平常一样了

图片.png

图片.png