Vue图片上传腾讯存储桶

需要安装插件 

npm i cos-js-sdk-v5 --save

不需要后端服务器，前端直接上传

 element 图片上传组件

<el-upload
        :on-preview="preview"
        :on-remove="handleRemove"
        :on-change="changeFile"
        :before-upload="beforeUpload"
        :file-list="fileList"
        list-type="picture-card"
        action="#"
        :limit="1"
        :class="{ disabled: fileComputed }"
        :http-request="upload"
      >
        <i class="el-icon-plus" />
      </el-upload>

 import COS from "cos-js-sdk-v5"; 引入一下  cos腾讯

  var cos = new COS({

     //腾讯云的id和密码

    SecretId: "*******", // 身份识别 ID

    SecretKey: " ******", // 身份密钥

  });

 data() {
      return {
        fileList: [],