axios下载文件请求, responseType为blob时捕获后端错误问题

最新推荐文章于 2024-07-29 13:47:29 发布

ProbeGene

最新推荐文章于 2024-07-29 13:47:29 发布

阅读量1.6k

点赞数

分类专栏：工作项目常见问题文章标签： axios responseType blob类型请求错误捕获

本文链接：https://blog.csdn.net/yangyang_A/article/details/112259901

版权

当使用axios进行文件下载请求，设置responseType为blob时，通常遇到的一个挑战是无法正常捕获后端返回的错误。本文将探讨这个问题的原因及其解决方案。

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

axios 下载文件请求, responseType为blob时, 无法捕获后端抛出错误问题

    axios({
   
        method: data.method,
        url: baseUrl + `${
     data.url}${
     data.params ? '?' + data.params : ''}`,
        responseType: 'blob',
    }).then((res) =><

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ProbeGene

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue2 - 判断接口返回的二进制文件流 Blob 是二进制文件流对象还是 JSON 错误提示信息，当请求设置 responseType: blob 时捕获后端状态码返回的是可下载文件还是下载失败提示

王佳斌

12-29

4014

vue2，blob文件流下载判断，vue2下载二进制文件流Blob对象时接口没有状态码了怎么办，接口返回状态码但打印是blob对象如何提示错误，vue下载文件流成功时返回blob，失败时返回json提示信息，vue前端下载文件responseType设置为blob,怎么获取到后端返回的异常信息，vue文件流下载时拿不到后端接口的错误提示，vue2下载blob文件时怎么能根据接口状态码提示错误，vue2 blob对象下载如何判断接口状态码，vue判断下载是否成功返回了二进制文件流还是返回了失败对象错误信息，请

vue element中axios下载文件（后端Python）

10-17

当需要下载文件时，前端需要发送一个特定的请求到后端，后端处理完毕后，将文件内容通过响应返回给前端，前端再将这些内容转换成文件供用户下载。 #### 使用axios实现文件下载的关键步骤包括： 1. **设置请求的...

参与评论您还未登录，请先登录后发表或查看评论

接口设置了responseType:‘blob‘后，接收不到后端错误信息

weixin_52137696的博客

08-11

2449

下载文件流，需要接口设置responseType:'blob'，接口设置了responseType:'blob'后，拿不到后端接口的异常信息

Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析

最新发布

阿牛哥的博客

07-29

1611

Axios的几种不同的responseType处理响应，以及blob与arraybuffer的解析

vue blob文件下载文件时后端抛出异常，并返回json错误信息，前端捕获信息并提示

FinelyYang的专栏

12-30

5285

后端返回的json数据为： {"success":false, "message":"操作失败，没有需要下载的文件","code":500} 前端捕获到的Blob数据：解决方法：服务响应的统一拦截器中判断blob类型，输出异常信息： import Vue from 'vue' import axios from 'axios' const service=axios.create({ baseUrl:xxxxx, timeout:3600000 }) //res..

下载文件 blob文件流处理失败或异常提示失败异常信息

qq_38417282的博客

04-26

5741

问题描述：在后台正常处理后生成Excel，但是发生异常或者错误时，前端无法提示解决方法：查看下面代码中的返回的res和blob打印信息，由于获取返回信息里的code比较麻烦，对比正常情况和错误的情况，发现：如果后台正常返回，则blob中text内容不是json，如果异常则可以解析成json，于是，从此处入手，如果解析异常说明后端返回成功！代码如下 upload1 (url, formData) { return service({ url, method: 'POST

axios请求responseType为blob时，错误数据处理

qq_38143787的博客

09-27

6389

有的时候,我们在axios请求处理的时候,需要处理对应的可能出现的报错信息,这个时候直接返回的response是不能直接反映出错误信息的. 所以这个时候,我们需要进行转化,转化代码如下: 这一段是转化并且在报错时抛出错误信息,如果没有报错,就将文件下载下来 // 下载文件的保存 handleDownloadData(param, url, blom) { axios({ method: "post", url: url, data: par

axios下载文件，reponseType为blob时，处理返回是下载错误信息

qq_40315971的博客

09-06

998

axios({ method: 'get', url: downloadUrl, responseType: 'blob' //blob => arraybuffer }).then( res => { if(!res) { return } let reader = new FileReader() reader.onload = function(e) { try{ .

基于axios 的responseType类型的设置方法

10-16

例如，在处理图片、音视频等文件类型时，通常将responseType设置为'blob'；在处理需要解析的JSON格式数据时，设置为'json'即可。最后，希望本文介绍的axios设置responseType方法，以及如何处理不同响应类型的数据...

vue+axios实现文件下载及vue中使用axios的实例

10-17

2. **配置 Axios**：在 Vue 中发送文件下载请求时，需要将 Axios 的 `responseType` 配置为 `blob`。这是因为 Blob 数据类型可以用来处理二进制数据，如文件。以下是一个示例： ```javascript axios({ method: '...

下载时报错提示改进

hellolipop

08-24

296

下载时报错提示使用axios时，下载出错需要报错提示，这时候首先判断数据类型，之后再进行判断 if (response.request.responseType === "blob") { let flag = true let fileReader = new FileReader(); fileReader.onload = function () { try { let jsonData = JSON.parse(this.re

mixed content the site was loaded over a secure connection but the file at was loaded over an insecu

qubes的专栏

01-06

7046

问题: 在https地址试图通过a标签跳转到http下载地址时，浏览器报错。将跳转地址http改为https。

axios请求responseType: ‘blob‘时的错误信息处理

lsn690607887的博客

06-14

1807

下载文件的时候，因为返回为blob，所以无法获取后端返回的错误信息

文件流下载之——axios请求responseType为blob时，错误数据处理

Anyuegogogo的博客

05-11

2901

背景：一个文件下载的需求，如果成功下载data数据返回的是文件流，如果失败后端会返回失败信息，类似{code: -1, data: null, msg: 'xxx'}。然而如果用responseType: 'blob'去接文件流的话，返回的错误信息也会转为blob数据格式。我们需要对返回错误信息的数据做处理，页面上提示错误信息。

Axios 设置 responseType：blob 导致后端返回的任意结果都会转换为 blob { }

小明同学c的成长日记

03-02

5273

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 **File** 或 **Blob** 对象指定要读取的文件或数据。 #### 属性： - FileReader.error 表示在读取文件时发生的错误 - FileReader.readyState - FilerReader.result 读取到的结果（上面用到的）

vue axios blob下载文件，文件下载失败将blob的错误信息转换成json格式

MIng__4791的博客

07-15

1679

// 如果使用了axios的拦截器 axios.interceptors.response.use((response) => { ... }, error => { // 终止所有请求 if ( error.response.request.responseType && error.response.request.responseType == 'blob' ) { let reader = new FileReader() .

前端下载文件responseType设置为blob,怎么获取到后端返回的异常信息

天马行空的创作中心

08-20

2796

在后端有异常信息抛出时，前端已经把下载文件接收的responseType设置为blob。实际是需要弹窗后端返回的异常信息。例如：文件条数、文件大小限制等。

【采坑分享】导出文件流responseType:“blob“如何提示报错信息

happy921212的博客

11-24

3284

近日业务中导出按钮需要直接下载接口中的文件流，导出文件流responseType:"blob"如何提示报错信息？方法如下……

axios流文件返回结果如何显示报错信息

yun_shuo的博客

06-29

2020

axios调用流文件接口,接口返回错误信息json结果如何显示报错信息