Responsetype blob会把接口接收的二进制文件转换成blob格式

在 Axios（从代码里 request 推测是基于 Axios 封装的请求方法 ）中，responseType: 'blob' 的作用是告知请求方，期望服务端返回的数据以 Blob 格式进行处理，让浏览器把接口返回的二进制数据（比如文件流）封装成 Blob 对象，方便前端做文件下载、预览等操作，核心逻辑是浏览器根据你设置的 responseType ，按照对应的规则解析服务端返回的响应体 ，下面展开说：

 

1. 原理层面

• 服务端返回的本质是 HTTP 响应，包含响应头、响应体（二进制内容，像文件的字节流 ）。

• 当你在 Axios 里设置 responseType: 'blob' ，浏览器在接收响应后，会依据这个配置，把响应体的二进制数据包装成 Blob 对象（Blob 是浏览器 Web API 里的类型，用于表示“二进制大对象” ），这样前端拿到的 response.data 就是 Blob 实例，能直接用于创建 URL 做下载（URL.createObjectURL(blob) ）、传给文件处理 API 等。

 

2. 对比其他类型

• 如果不设置 responseType ，默认是 json ，浏览器会尝试把响应体按 JSON 去解析，要是服务端返回的是二进制文件流，解析就会报错。

 

• 除了 blob ，还有 arraybuffer（把响应体转成 ArrayBuffer ，适合处理纯二进制数据做更底层操作 ）、text（转成文本，比如纯文本文件 ）等类型，按需选择就能让浏览器用对应方式解析响应。

简单说，responseType: 'blob' 是“告诉浏览器用 Blob 格式解析响应体”，让原本的二进制文件流，能以 Blob 对象的形式被前端代码处理，方便后续文件相关的业务逻辑~