AI夹克

部署:发布到腾讯云 COS

流程概览

本地构建 → 上传 dist/ → 配置静态托管 → 绑定域名 → CDN加速

第一步:构建项目

npm run build

你会得到一个 dist/ 文件夹,里面是所有需要部署的文件。

第二步:创建 COS 存储桶

  1. 腾讯云控制台 → 对象存储 COS
  2. 创建存储桶:名称 vibejacket,地域选最近的
  3. 访问权限:公有读私有写
  4. 基础配置 → 静态网站 → 开启
  5. 索引文档:index.html
  6. 错误文档: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

第四步:绑定域名

  1. COS 控制台 → 域名管理 → 自定义源站域名
  2. 添加 vibejacket.com
  3. DNS 解析:CNAME 记录指向 COS 提供的域名

第五步:配置 CDN

  1. 腾讯云 CDN → 添加域名
  2. 源站类型:COS 源站
  3. 缓存配置:HTML 短缓存 / 静态资源长缓存
  4. HTTPS 配置:申请免费证书

✅ 部署成功标志

  • 访问 https://vibejacket.com 正常显示
  • 所有页面跳转正常
  • HTTPS 正常工作
  • 手机端访问正常