axios下载时reponseType为blob，处理返回的自定义错误信息

axios封装

export const getDownload = (url, params) => {
  let accessToken = getStore('accessToken')
  return axios({
    method: 'get',
    url: `${base}${url}`,
    params: params,
    responseType: 'blob',
    headers: {
      'accessToken': accessToken
    }
  })
}

接口封装

export const downloadApi = (params) => {
  return getDownload(`/a/b/c`,params)
}

下载封装

export function makeDownload(res, fileName){
  let content = res
  let blob = new Blob([content])
  if('download' in document.createElement('a')){
    // 非IE下载
    let elink = document.createElement('a')
    elink.download = fileName
    elink.style.display = 'none'
    elink.href = URL.createObjectURL(blob)
    document.body.appendChild(elink)
    elink.click()
    // 释放URL 对象
    URL.revokeObjectURL(elink.href)
    document.body.removeChild(elink)
  } else {
    // IE10+下载
    navigator.msSaveBlob(blob, fileName)
  }
}

执行下载

tableDownload(){
  downloadApi().then((res=>{
    let _this = this
    let r = new FileReader()
    r.onload = function() {
      try {
        // 判断是否可以转为json，错误即为流对象，成功则为后台返回json对象
        // this.result是onload中的读取的结果
        let resData = JSON.parse(this.result)
        if(!resData.statusBool) {
          _this.$message.warning(resData.message)
        }
      } catch (err) {
        makeDownload(res, '信息表格.pdf')
      }
    }
    r.readAsText(res)
  })).catch(() => {
    this.$message.warning("下载失败")
  })
}