vue根据url下载文件
时间: 2023-08-29 19:05:00 浏览: 82
你可以使用`axios`库来根据URL下载文件。首先,确保已经在你的Vue项目中安装了axios。
然后,你可以使用以下代码来下载文件:
```javascript
methods: {
downloadFile() {
axios({
url: 'http://example.com/file.pdf', // 替换为你要下载的文件的URL
method: 'GET',
responseType: 'blob' // 这里指定响应类型为blob
}).then(response => {
const url = window.URL.createObjectURL(new Blob([response.data]));
const link = document.createElement('a');
link.href = url;
link.setAttribute('download', 'file.pdf'); // 替换为你想要的文件名
document.body.appendChild(link);
link.click();
});
}
}
```
这段代码中,我们使用axios发送GET请求,并设置响应类型为`blob`。然后,将返回的数据转换为Blob对象,并创建一个临时的URL。接下来,我们创建一个`<a>`标签,将临时URL设置为链接的href属性,并设置文件名。最后,将该链接添加到页面中,并触发click事件进行下载。
你可以在需要下载文件的地方调用`downloadFile`方法。记得替换URL和文件名为你实际需要的值。
阅读全文