vue3后台流文件下载
时间: 2023-07-25 08:20:55 浏览: 114
在Vue3中,可以使用axios库来进行文件下载。具体步骤如下:
1. 安装axios库
```
npm install axios --save
```
2. 在Vue组件中引入axios
```javascript
import axios from 'axios'
```
3. 在组件中定义下载方法
```javascript
downloadFile() {
axios({
method: 'get',
url: '文件下载链接',
responseType: 'blob' // 设置响应数据类型为二进制流
}).then(res => {
const blob = new Blob([res.data]) // 创建一个blob对象
const fileName = '文件名' // 下载的文件名
if (window.navigator.msSaveOrOpenBlob) {
// 兼容IE10及以下版本
navigator.msSaveBlob(blob, fileName)
} else {
const link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
link.download = fileName
link.click()
window.URL.revokeObjectURL(link.href)
}
}).catch(error => {
console.log(error)
})
}
```
4. 在组件中调用下载方法
```html
<button @click="downloadFile()">下载文件</button>
```
注意:文件下载链接需要根据实际情况进行配置,另外需要注意浏览器的兼容性。在IE10及以下版本中,需要使用navigator.msSaveBlob方法来进行文件下载。
阅读全文