axios 下载附件

使用 Axios 下载附件

在 Web 开发中，经常会遇到需要下载文件的场景，而 Axios 是一个非常流行的 JavaScript HTTP 客户端库，可以用于发送请求并处理响应数据。本文将介绍如何使用 Axios 来下载附件。

Axios 简介

Axios 是一个基于 Promise 的 HTTP 客户端，可以用于浏览器和 Node.js 环境。它可以处理 HTTP 请求和响应，并支持拦截器、取消请求、自动转换 JSON 数据等功能。在前端开发中，Axios 是一个非常方便和强大的工具。

下载文件

在使用 Axios 下载文件时，我们需要发送一个 GET 请求，并指定 responseType 为 blob。这样可以确保响应数据以二进制形式返回，然后我们可以将二进制数据保存为文件。

下面是一个简单的示例代码，演示如何使用 Axios 下载文件：

```javascript
import axios from 'axios';

axios({
  url: '
  method: 'GET',
  responseType: 'blob',
}).then((response) => {
  const url = window.URL.createObjectURL(new Blob([response.data]));
  const link = document.createElement('a');
  link.href = url;
  link.setAttribute('download', 'example.pdf');
  document.body.appendChild(link);
  link.click();
});

在上面的代码中，我们首先导入 Axios 库，然后使用 Axios 发送一个 GET 请求，指定 `responseType` 为 `blob`。在响应返回后，我们创建一个 URL 对象，并将响应数据保存为二进制 Blob。接着创建一个 `<a>` 标签，并设置 `download` 属性为文件名，最后触发点击事件下载文件。

## 完整示例

```mermaid
journey
    title 下载文件流程
    section 发送请求
        axios 发送请求
    section 处理响应
        创建 URL 对象
        创建 <a> 标签
        触发下载事件

总结

通过上面的示例代码，我们可以看到如何使用 Axios 来下载文件。只需简单几行代码，就可以实现文件下载的功能。Axios 提供了丰富的 API，让我们可以轻松地发送各种类型的 HTTP 请求，并处理响应数据。希望本文对你有所帮助，谢谢阅读！