uni-app 两个项目分别设置的运行基础路径为“/h5/”和“/admin/”,发行到云空间前端网页托管时,上传的路径会错乱

发布于 1周前 作者 vueper 来自 Uni-App

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/"
    },
    // 其他配置...
  },
  // 其他平台配置...
}

部署到云空间前端网页托管

  1. 打包项目: 使用HBuilderX或命令行工具打包每个项目,确保在打包过程中使用了正确的配置文件。

  2. 上传至云空间: 在上传至云空间时,需要为每个项目指定不同的目录或子域名,以避免路径冲突。例如:

    • 项目A可以上传至https://yourdomain.com/h5/
    • 项目B可以上传至https://yourdomain.com/admin/

    如果使用阿里云、腾讯云等云服务,可以在云空间的管理界面中配置静态网站托管,并设置相应的目录映射。

  3. 访问测试: 部署完成后,通过配置的路径访问两个项目,验证路径是否正确:

    • 项目A访问URL:https://yourdomain.com/h5/
    • 项目B访问URL:https://yourdomain.com/admin/

注意事项

  • 确保在构建和部署过程中,没有手动修改或覆盖基础路径设置。
  • 如果使用CI/CD流程,需在自动化脚本中明确指定构建和部署的配置。
  • 定期检查云空间的静态文件托管配置,确保路径映射正确无误。

通过上述配置和部署步骤,你可以确保uni-app的两个项目在云空间前端网页托管中运行时,基础路径设置正确,避免路径错乱的问题。

回到顶部