uni-app 两个项目分别设置的运行基础路径为“/h5/”和“/admin/”,发行到云空间前端网页托管时,上传的路径会错乱
uni-app 两个项目分别设置的运行基础路径为“/h5/”和“/admin/”,发行到云空间前端网页托管时,上传的路径会错乱
2 回复
提了bug,官方也没人处理下
在处理uni-app项目并将它们部署到云空间前端网页托管时,确保每个项目的运行基础路径正确无误是至关重要的。为了避免上传路径错乱的问题,你可以在uni-app项目的配置文件manifest.json
中明确设置每个项目的h5
配置,特别是基础路径(base path)。
以下是如何配置两个uni-app项目的基础路径,以及如何在云空间前端网页托管中正确处理它们的示例。
项目A配置(基础路径为/h5/
)
在manifest.json
中,找到h5
配置部分:
{
"mp-weixin": {},
"h5": {
"router": {
"base": "/h5/"
},
// 其他配置...
},
// 其他平台配置...
}
项目B配置(基础路径为/admin/
)
在另一个项目的manifest.json
中,同样配置h5
部分:
{
"mp-weixin": {},
"h5": {
"router": {
"base": "/admin/"
},
// 其他配置...
},
// 其他平台配置...
}
部署到云空间前端网页托管
-
打包项目: 使用HBuilderX或命令行工具打包每个项目,确保在打包过程中使用了正确的配置文件。
-
上传至云空间: 在上传至云空间时,需要为每个项目指定不同的目录或子域名,以避免路径冲突。例如:
- 项目A可以上传至
https://yourdomain.com/h5/
- 项目B可以上传至
https://yourdomain.com/admin/
如果使用阿里云、腾讯云等云服务,可以在云空间的管理界面中配置静态网站托管,并设置相应的目录映射。
- 项目A可以上传至
-
访问测试: 部署完成后,通过配置的路径访问两个项目,验证路径是否正确:
- 项目A访问URL:
https://yourdomain.com/h5/
- 项目B访问URL:
https://yourdomain.com/admin/
- 项目A访问URL:
注意事项
- 确保在构建和部署过程中,没有手动修改或覆盖基础路径设置。
- 如果使用CI/CD流程,需在自动化脚本中明确指定构建和部署的配置。
- 定期检查云空间的静态文件托管配置,确保路径映射正确无误。
通过上述配置和部署步骤,你可以确保uni-app的两个项目在云空间前端网页托管中运行时,基础路径设置正确,避免路径错乱的问题。