vue打包部署到腾讯云cos

vue打包之后的代码部署到腾讯云，可以让前端飞起来，实现质的飞跃

1、安装npm install -D webpack-cos-plugin

2、修改vue.config.js

const QcCOSPlugin = require('webpack-cos-plugin')
const env = process.env.NODE_ENV
const plugins = []
if (env === 'production') {
  plugins.push(
    new QcCOSPlugin({
      auth: {
        SecretId: 'xxxx', // 在腾讯 COS 控制台获取
        SecretKey: 'xxxx' // 在腾讯 COS 控制台获取
      },
      bucket: {
        Bucket: 'xxxx', // COS 服务节点, 示例: oss-cn-hangzhou
        Region: 'xxxx' // COS 存储空间, 在腾讯 COS 控制台获取
      },
      exclude: /.*\.map$/, //
      existCheck: false, //关闭存在检查
      cosBaseDir: '/', //COS存放目录
      project: '/' // 项目名(用于存放文件的直接目录)
    })
  )
}

module.exports = {
 // 其它文件照常，把plugins暴露出去
    plugins: plugins
}

3、配置腾讯云COS

image.png

4、执行命令npm run build:prod打包就会自动上传到COS，通过bucket的静态域名就可以高速的访问