axios怎么下载文件
时间: 2023-07-26 18:16:28 浏览: 103
axios-0.19.2.zip
如果你想使用axios下载文件,可以使用axios的`get`方法,并设置`responseType`为`blob`,这样可以获取到一个Blob对象,然后使用FileSaver.js或者原生的`a`标签下载文件。
使用FileSaver.js下载文件的示例代码如下:
```javascript
import axios from 'axios';
import FileSaver from 'file-saver';
axios.get('download/file', {
responseType: 'blob'
}).then(response => {
const blob = new Blob([response.data]);
FileSaver.saveAs(blob, 'filename.ext');
}).catch(error => {
console.log(error);
});
```
使用原生`a`标签下载文件的示例代码如下:
```javascript
import axios from 'axios';
axios.get('download/file', {
responseType: 'blob'
}).then(response => {
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'filename.ext');
document.body.appendChild(link);
link.click();
}).catch(error => {
console.log(error);
});
```
以上代码中,`download/file`是下载文件的接口地址,`filename.ext`是下载的文件名。
阅读全文