前端工程接入CDN

接入步骤

对象存储

1. 开通对象存储EOS服务

2. 创建桶（公共可读）

   

3. 记录API认证信息（AK、SK）

   

4. 记录外网访问endPoint

   

前端工程

1. package.json增加依赖

   "dependencies": {
     "aws-sdk": "^2.817.0",
     "mime": "^2.5.2"
   }
   

2. 修改package.json中name与包名一致，增加version

3. package.json中增加脚本

   "scripts": {
     "oss": "node src/oss/upload.js",
     "buildTest": "vue-cli-service build --mode test && npm run oss",
   }
   

4. 配置publicpath

   //正式使用时改成prod
   publicPath: process.env.VUE_APP_BROSWER_ENV =='test' ? `https://eos-wuxi-1.cmecloud.cn/${桶名}/${name}/${version}/` : '/api/page/***/',
   

5. oos文件加下增加base.js与upload.js

6. 修改base.js中accessKeyId、secretAccessKey、endpoint、Bucket

7. 修改upload.js

   async function upload() {
     // 获取dashboard所有文件
     const resources = []
     await getAllFiles('包名/', resources)
     // 上传文件到对应目录
     for (const file of resources) {
       uploadFile(file, Bucket, name, file.replace(/包名\//, version))
     }
   }