【Web】腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程
什么是静态网站?
静态网站是指所有页面内容都以静态文件(如 HTML、CSS、JavaScript、图片等)形式存在,用户访问时服务器直接返回这些文件,无需后端动态渲染。常见的前端框架(如 Vue、React)打包后的项目就是静态网站,非常适合部署在对象存储(如腾讯云 COS)等静态托管平台。
腾讯云 COS 静态网站部署与自定义域名 HTTPS 全流程
1. 本地项目构建
- 在项目根目录执行
npm run build
或yarn build
,生成dist
或build
文件夹,里面包含所有静态资源。
2. 创建 COS 存储桶
- 登录腾讯云控制台,进入对象存储(COS)服务。
- 创建存储桶,建议选择靠近目标用户的地域。
- 访问权限建议选“公有读私有写”或“公有读”,便于外部访问。
3. 上传静态资源
- 进入存储桶详情页,选择“文件列表”。
- 上传
dist
文件夹内部所有内容(不是整个 dist 文件夹)到存储桶根目录。 - 保持目录结构一致,避免入口文件(如 index.html)嵌套在子目录。