访问静态网站资源
本文档介绍如何通过 HTTP 访问服务配置域名关联,实现对静态网站托管资源的访问。
基础配置
操作步骤
- 前往 云开发平台 - HTTP 访问服务
- 在「域名关联资源」模块点击「新建」按钮
- 配置以下信息:
| 配置项 | 说明 | 示例 |
|---|---|---|
| 关联资源类型 | 选择「静态网站托管」,然后选择静态托管实例 | - |
| 域名 | 选择默认域名、自定义域名或 *(匹配所有域名) | 默认域名 |
| 触发路径 | 设置 HTTP 访问路径,支持 / 或自定义路径 | /test |
💡 提示:生产环境建议绑定已备案的自定义域名,以获得完整的服务能力。配置方法请参考 自定义域名配置。

自定义根路径访问
配置说明
如果需要通过自定义路径访问静态托管资源,可以在「触发路径」中设置自定义根路径。
配置示例:
- 触发路径设置为
/test - 访问
https://your-domain/test时,将映射到静态网站托管的/目录
代码调整
使用自定义根路径时,需要调整静态资源中的相对路径引用,在所有资源路径前添加自定义根路径前缀。
调整示例:
<!-- 原路径 -->
<script src="/js/index.js"></script>
<link rel="stylesheet" href="/css/style.css">
<img src="/images/logo.png" alt="Logo">
<!-- 调整后(触发路径为 /test)-->
<script src="/test/js/index.js"></script>
<link rel="stylesheet" href="/test/css/style.css">
<img src="/test/images/logo.png" alt="Logo">
⚠️ 注意:使用自定义根路径时,需要确保静态资源中的所有绝对路径引用都添加了对应的路径前缀,否则会导致资源加载失败。