一文掌握前端自动化部署cicd流程

1，准备

腾讯云服务
coding平台
你的本地代码

2，前端代码项目

我这里把代码托管在gitee的

3，云服务

https://console.cloud.tencent.com/cos
官网购买很便宜，我买的一个月一块钱

1，注册腾讯云开通cos对象存储服务，
2，创建存储桶

注意选择公有读私有写，其他的用默认配置

创建好之后可以在存储桶列表看到，这里面是可以上传图片视频的，相当于一个云盘

4，自动化部署

1，在coding创建代码仓库或者关联其他git工具的仓库
2，在持续集成->构建计划->选择react/vue+cos模版
3，填写构建计划信息

5，问题

通过上述步骤已经可以自动化部署了，但是还存在问题如下问题：

1，构建速度太慢
2，index.html访问是空白

6，解决问题

构建速度慢可以在配置中加上缓存

顺便把这个勾上

index.html是空白的原因

html访问不到其他资源（js,css等）需要手动配置

每次发布后访问html是下载文件,需要配置一下

注意我是执行过npm run eject的

"scripts": {
    "start": "node scripts/start.js",
    "build": "cross-env PUBLIC_URL=xxx node scripts/build.js",
    "test": "node scripts/test.js"
  },

细节问题

第一次弄的时候访问腾讯云地址，死活显示不出来，排查半天追踪到问题是路由没加载出来的问题。
改为hash