接口返回类型blob获取不到接口错误信息问题

✔Suyer.

于 2023-07-05 10:05:14 发布

阅读量1.4k

点赞数 7

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

本文链接：https://blog.youkuaiyun.com/qq_48179363/article/details/131549511

版权

当接口请求设置为responseType:blob时，出现错误需特别处理。若报错，代码通过判断content-type为application/json来获取错误信息。否则，执行正常的文件下载流程，创建隐藏的a标签用于触发xlsx文件的下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


接口请求加了responseType: “blob”，当接口报错了如果不做处理则获取不到接口错误信息，
增加一下if语句判断是否为'application/json'获取报错信息。

// 模板下载
function getTemplateDown(fileName) {
  return request({
    url: `**/getTemplateDown`,
    method: "get",
    responseType: "blob",
  }).then(res => {
   	// 接口报错，下载失败
    if (res.type === 'application/json') {
      const reader = new FileReader();
      reader.readAsText(res, 'utf-8');
      reader.onload = function () {
        const _res = JSON.parse(reader.result);
        console.log(_res); // 此处为接口返回值
      }
    } else { // 正常下载
      const link = document.createElement("a");
      let blob = new Blob([res]);
      link.style.display = "none";
      link.href = URL.createObjectURL(blob);
      link.setAttribute("download", `${fileName}.xlsx`);
      document.body.appendChild(link);
      link.click();
      document.body.removeChild(link);  
    }
  });
}