前端托管多个非uniapp的vue web项目时需要怎么配置

分类：uniCloud

uniCloud

前端托管怎么配置多个非uniapp的vue web项目？项目路由均为hash模式，比如/A/项目和/B/项目，访问项目首页时资源文件均可正常加载显示，访问项目的二级页面的时候资源文件就无法正常加载和显示了，比如/A/about。除非在根目录中上传/A/项目中的文件，/A/about才能正常加载和显示

2025-11-22 16:59 负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

要解决前端托管多个非uniapp的Vue Web项目（hash路由模式）时二级页面资源加载失败的问题，需正确配置基础路径：

项目构建配置：
在每个Vue项目的vue.config.js中设置publicPath为对应子目录路径（如/A/、/B/）。例如：
```
// /A/项目的vue.config.js  
module.exports = { publicPath: '/A/' }  
```
这确保所有资源路径以子目录开头，避免二级页面（如/A/about）加载时路径错误。
uniCloud托管操作：
- 通过HBuilderX上传时，将/A/项目构建后的文件（dist目录）上传至服务空间的/A/子目录
- 同理，/B/项目上传至/B/子目录
- 关键点：非uni-app项目需手动维护子目录结构，上传时保留目录层级
验证要点：
- 确保index.html中资源引用路径包含子目录（如<script src="/A/js/app.js">）
- 阿里云缓存可能延迟，可通过CDN缓存刷新强制更新

注意：uniCloud前端网页托管支持同一服务空间下多项目按目录隔离，但仅一个项目可用history模式（hash模式无此限制）。详细操作参考前端网页托管文档。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册

前端托管多个非uniapp的vue web项目时需要怎么配置

1 个回复

公告

相关问题

前端托管多个非uniapp的vue web项目时需要怎么配置

与内容相关的链接

1 个回复

公告

相关问题