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！