文件下载前端blob类型获取接口错误处理

最新推荐文章于 2025-04-15 15:59:48 发布

weixin_42167137

最新推荐文章于 2025-04-15 15:59:48 发布

阅读量276

点赞数 2

文章标签：前端 vue typescript

本文链接：https://blog.youkuaiyun.com/weixin_42167137/article/details/146075095

版权

项目场景：

文件下载前端blob类型获取接口错误处理

问题描述

文件下载、导出方法生成的文件有问题，打开异常，
导出异常时请求内容如下：
在这里插入图片描述

原因分析：

接口返回数据未做异常处理

解决方案：

//导出方法中判断抛出异常处理

      if (response.data.type === "application/json") {

        const reader: any = new FileReader();

        reader.readAsText(response.data, "utf-8");

        reader.onload = function () {

          //reader.result里面含报错信息

          const { msg } = JSON.parse(reader.result);

          if (msg) {

            ElMessage.error(msg);

          }

        };

      }

在这里插入图片描述
导出正常时返回如下：