vue导入压缩文件

使用原生axios

<el-upload class="userFileDialog" drag action="#" :file-list="userFile"
  :http-request="clientHttpRequest">
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
  <div class="el-upload__tip" slot="tip">选择文件并上传</div>
</el-upload>
    
 clientHttpRequest(file) {
   let fileData = new FormData();
   let fileName = file.file.name,
     fileType = ".zip";
   if (
     fileType.indexOf(
       fileName.substring(fileName.lastIndexOf(".")).toLowerCase()
     ) != -1
   ) {
     fileData.append("file", file.file);
     axios({
       method: "post", // 接口类型
       url: '/url', // 接口
       data: fileData, // 文件
       withCredentials: true,
       headers: {
         "Content-Type": "text/html;charset=utf-8",
         "Authorization": "Bearer " + window.sessionStorage.token
       },
     }).then(res => {
       if(res.data.code == '0'){
         this.userFile=[];
         this.$message.success('批量导入成功！');
       }else{
         this.$message.error(res.data.msg);
       }
     });
   }
 },