欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-04-18 10:09:30
// 如果使用了axios的拦截器axios.interceptors.response.use((response) => { ...}, error => { // 终止所有请求 if ( error.response.request.responseType && error.response.request.responseType == 'blob' ) { let reader = new FileReader() ....
// 如果使用了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