responseType为blob的请求，如何获取错误信息

最新推荐文章于 2024-05-31 16:05:30 发布

LHC087

最新推荐文章于 2024-05-31 16:05:30 发布

阅读量1k

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_43829905/article/details/129811912

版权

当在JavaScript中进行前端开发，设置xhr或fetch请求的responseType为blob时，通常用于处理二进制数据。然而，遇到错误时，如何获取错误信息是一个挑战。本文将探讨如何在responseType为blob的情况下捕获并处理请求错误。

摘要由CSDN通过智能技术生成

responseType为blob的请求，如何获取错误信息

封装的接口函数
export function postFile(url, data = {}) {
    let nax = axiosCreater({
        headers: buildHeader({}),
        responseType:'blob'   //blob的方式
    })
    return nax
        .post(`${host}${url}`, data)
        .then(res => {
            return res.data
        })
        .catch(err => {
            throw err
        })
}

调用接口时的处理
 $Request.memberCenterApi
    .postFileMemberOrderGetQrcode()
    .then(res => {
      let blob = new Blob([res]);  
      selectUri = window.URL.createObjectURL(blob)  // 后台返回的文件流，转换成img标签的src路径
    })
    .catch(err => {
       // 因为responseType为blob，直接是拿不到console.log(err.response.data.message)的信息的,需做以下转换
        if(err.response && err.response.data &&err.response.data.type === &