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

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

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

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

 

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

　　通过方法，直接下载

 

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

 1         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！

__EOF__

本文作者：cros
本文链接：https://www.cnblogs.com/liql/p/14516089.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！