axios设置responseType===blob导出文件和失败返回json处理

axios设置instance.defaults.responseType = 'blob’请求下载导出一个文件，请求成功时返回的是一个流形式的文件，正常导出文件。但是请求失败的时候返回的是json ，不会处理错误信息，而是直接导出包含错误信息的文件。
可以通过返回的blob数据type类型进行区分，如果type是文件类型，导出文件，如果type是json则把blob数据转为string，处理错误信息。

/**
 * @description[exportFile 导出文件]
 * @author   zoumiao
 * @param {Object} data [blob数据]
 * @param {String} title [文件名称]
 * @returns   {null}    [没有返回]
 */
export const exportFile = function (data, title) {
  let type = data.type
  const relType = ['application/vnd.ms-excel', 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet']
  if (type.includes('application/json')) {
    let reader = new FileReader()
    reader.onload = function (event) {
      let content = reader.result
      let message = JSON.parse(content).message // 错误信息
      // TODO 错误处理
    }
    reader.readAsText(data)
    return true
  }
  if (relType.includes(type)) {
    let url = window.URL.createObjectURL(new Blob([data]))
    let link = document.createElement('a')
    link.style.display = 'none'
    link.href = url
    link.setAttribute('download', title)
    document.body.appendChild(link)
    link.click()
    return true
  }
  // TODO 其他数据异常处理
}

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/qq_27626333/article/details/103562749
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-07 19:17:01
阅读 ( 1177 )
分类：前端

axios设置responseType===blob导出文件和失败返回json处理

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看