vue axios blob下载文件，文件下载失败将blob的错误信息转换成json格式

// 如果使用了axios的拦截器
axios.interceptors.response.use((response) => {
  ...
}, error => {
  // 终止所有请求
  if (
    error.response.request.responseType 
    && error.response.request.responseType == 'blob'
  ) {
    let reader = new FileReader()
    reader.onload = e => {
      let errData = JSON.parse(e.target.result)
      console.log(errData.message)
    }
    reader.readAsText(error.response.data)
  } else {
    console.log('正常的json错误信息')
  }
});

// axios请求
export function exportResult(params) {
  return noRejectRequest({
    url: ...,
    method: ...,
    responseType: 'blob', // 转换为Blob对象而不是DOMString
    params
  })
}
exportResult({...}).then(res => {
     ...  // 成功处理
}).catch(err => {
     ...  // 失败处理,此时后端会返回Json格式错误
     ...  // 同上面的处理方式一样
})

 

本文地址：https://blog.csdn.net/MIng__4791/article/details/107353995