vue+element实现天翼云oos上传文件

最近遇到了一个新的需求，需要把原先上传文件的方式改为利用天翼云oos对象存储上传。这个问题着实卡了我好几天时间，不过方法总比困难多，最后也是成功实现文件的上传。话不多说，接下来列举实现步骤。（实现过程中，部分页面可能存在样式丑陋问题，请先忽略）
关于天翼云的其他配置，可以参考这份文件
oos开发文档.

一、引入静态资源

在public目录index.html文件中引入静态资源，如下所示：

二、引入element上传组件

html部分我只做截图展示，这个地方我封装了一个组件，如下图所示

三、创建oos对象

//对上传的文件做限制
beforeUpload(file) {
   
      let fileSize = file.size / 1024 / 1024;
        if (fileSize > 1024) {
   
          this.fileList = [];
          return this.$message.warning("文件大小不能超过1G");
        }
        if (file.type !== "video/mp4") {
   
          this.fileList = [];
          return this.$message.warning