blob文件导出，设置了responseType: 'blob'之后，如果返回json错误信息，处理方法（new FileReader()）

axios 设置 responseType:Blob，后台返回的数据会被强制转为blob类型，这时后台返回的数据会有两种情况要处理：

1. 数据异常，后台返回 blob 类型异常信息：

　　使用 new FileReader()，将 blob 转为 json，然后进行处理

 

2. 数据正常，后台返回 blob 文件流：

　　通过方法，直接下载

 

废话不多说，直接上代码👇👇👇 

        let that = this
        axios.get({
          url: 'xxxxxx',
          method: 'get',
          data:{},
          responseType: 'blob', // 后台返回的数据会被强制转为blob类型
        }).then(res => {
          let reader = new FileReader();
          reader.readAsText(res)
          reader.onload = function (result) {
            try {
              let resData = JSON.parse(result.target.result);  // 解析对象成功，说明是json数据
              if (resData.code) {
                that.$message({
                  type: 'error',
                  message: resData.desc
                })
              }
            } catch (err) {   // 解析成对象失败，说明是正常的文件流
              let blob = new Blob([res], {type: "application/vnd.ms-excel"});
              var link = document.createElement('a');
              link.href = window.URL.createObjectURL(blob);
              link.download = `文件名.xls`;
              link.click()
            }
          };
        })

 

谢谢支持，Thank you so much！