跳到主要内容

访问静态网站资源

本文档介绍如何通过 HTTP 访问服务配置域名关联,实现对静态网站托管资源的访问。

基础配置

操作步骤

  1. 前往 云开发平台 - HTTP 访问服务
  2. 在「域名关联资源」模块点击「新建」按钮
  3. 配置以下信息:
配置项说明示例
关联资源类型选择「静态网站托管」,然后选择静态托管实例-
域名选择默认域名、自定义域名或 *(匹配所有域名)默认域名
触发路径设置 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">

⚠️ 注意:使用自定义根路径时,需要确保静态资源中的所有绝对路径引用都添加了对应的路径前缀,否则会导致资源加载失败。

相关文档