华为云 OBS 静态网站托管：三步把你的前端项目上线

为什么选 OBS 托管静态网站

传统方式上线前端项目，你需要一台 ECS 云服务器，装 Nginx，配安全组，管理证书续期——对于一个纯静态站点来说，这些开销没必要。

华为云 OBS（对象存储服务）提供了静态网站托管能力：把构建产物（HTML、CSS、JS、图片）直接传到桶里，开启托管配置，就能通过 OBS 分配的域名访问，甚至绑定你自己的域名。按存储量和请求次数计费，一个个人博客或小型展示站，月成本可能不到 1 元。

第一步：创建一个公开读取的 OBS 桶

在华为云控制台进入 OBS 服务，点击「创建桶」：

• 桶名：全局唯一，比如 my-static-site-2026
• 区域：选离用户近的，比如 cn-north-4（华北-北京四）
• 桶策略：选「公共读」——这一步很关键，默认是私有桶，外部无法访问

⚠️ 公共读意味着任何人都能读取桶内对象。对于静态网站这是预期行为，但不要往这个桶里放敏感文件。

第二步：上传构建产物

假设你的前端项目执行 npm run build 后，产物在 dist/ 目录下。有两种上传方式：

方式一：控制台手动上传

适合文件不多的情况。进入桶详情页，点击「上传对象」，把 dist/ 里的文件和文件夹拖进去。注意保持目录结构，assets/js/index.js 这种路径不能打平。

方式二：obsutil 命令行批量上传（推荐）

# 安装 obsutil 后，配置 AK/SK
obsutil config -i=你的AK -k=你的SK -e=obs.cn-north-4.myhuaweicloud.com

# 上传整个 dist 目录到桶根
obsutil cp dist/ obs://my-static-site-2026/ -r -f

-r 递归上传，-f 强制覆盖。几秒钟就能传完一个小站点。

第三步：开启静态网站托管

回到桶详情页，找到「基础配置 → 静态网站托管」，点击配置：

• 默认首页：填 index.html
• 默认错误页：填 404.html（如果你有的话；没有可以先不填）

保存后，OBS 会给你一个网站终端节点，格式类似：

https://my-static-site-2026.obs-website.cn-north-4.myhuaweicloud.com

打开这个链接，你的网站就上线了。

进阶：绑定自定义域名

OBS 默认域名太长不好记。如果你有自己的域名（比如 www.mysite.com），可以在桶的「域名管理」里添加自定义域名，按提示在 DNS 服务商处添加 CNAME 解析记录，指向 OBS 桶域名。绑定后，配合华为云 SCM 证书管理服务，还能一键开启 HTTPS。

小结

对于个人博客、产品落地页、文档站这类纯静态内容，OBS 托管是最轻量的上线方案。下次有前端项目要部署，不妨跳过买服务器这一步，直接试试 OBS。