部署:发布到腾讯云 COS
流程概览
本地构建 → 上传 dist/ → 配置静态托管 → 绑定域名 → CDN加速
第一步:构建项目
npm run build
你会得到一个 dist/ 文件夹,里面是所有需要部署的文件。
第二步:创建 COS 存储桶
- 腾讯云控制台 → 对象存储 COS
- 创建存储桶:名称
vibejacket,地域选最近的 - 访问权限:公有读私有写
- 基础配置 → 静态网站 → 开启
- 索引文档:
index.html - 错误文档:
index.html(Vue SPA 需要)
第三步:上传文件
把所有 dist/ 内容上传到存储桶根目录。
方式一:控制台直接拖拽 打开存储桶 → 上传文件 → 拖入 dist/ 的所有内容
方式二:COSCMD 命令行
pip install coscmd
coscmd config -a SecretId -s SecretKey -b vibejacket-xxx -r ap-guangzhou
coscmd upload -r dist/ / --delete
第四步:绑定域名
- COS 控制台 → 域名管理 → 自定义源站域名
- 添加
vibejacket.com - DNS 解析:CNAME 记录指向 COS 提供的域名
第五步:配置 CDN
- 腾讯云 CDN → 添加域名
- 源站类型:COS 源站
- 缓存配置:HTML 短缓存 / 静态资源长缓存
- HTTPS 配置:申请免费证书
✅ 部署成功标志
- 访问
https://vibejacket.com正常显示 - 所有页面跳转正常
- HTTPS 正常工作
- 手机端访问正常