axios 下载文件
时间: 2023-09-14 12:13:05 浏览: 136
vue + axios get下载文件功能
5星 · 资源好评率100%
使用axios下载文件可以通过以下步骤完成:
1. 首先,确保已经安装了axios库。如果没有安装,可以使用以下命令进行安装:
```
npm install axios
```
2. 导入axios库:
```javascript
import axios from 'axios';
```
3. 使用axios发送GET请求来下载文件。可以使用`responseType`参数来指定响应的数据类型为`blob`,这样可以获取到文件的二进制数据。例如,下载一个名为`example.txt`的文本文件:
```javascript
axios({
method: 'get',
url: 'https://example.com/example.txt',
responseType: 'blob',
})
.then((response) => {
// 创建一个a标签
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'example.txt');
document.body.appendChild(link);
link.click();
})
.catch((error) => {
console.log(error);
});
```
在上面的示例中,首先发送一个GET请求来获取文件的二进制数据,然后将数据转换为URL,创建一个带有下载属性的a标签,并将其添加到页面中,最后模拟点击该链接来下载文件。请注意,这个例子是基于浏览器环境的。
希望能帮到你!如果还有其他问题,请随时提问。
阅读全文