vue2 前端打包下载file
时间: 2024-04-10 11:08:10 浏览: 264
Web前端笔记.zip
在 Vue2 中,要实现前端下载文件,可以使用以下代码:
```javascript
// 定义一个下载函数
function downloadFile(url) {
// 创建一个 a 标签
const link = document.createElement('a')
// 设置下载链接
link.href = url
// 设置下载文件名
link.download = '文件名.xxx'
// 模拟点击下载
link.click()
}
// 调用下载函数
downloadFile('http://example.com/文件路径')
```
其中,`url` 是要下载的文件路径,`link.download` 可以设置下载文件的文件名,如果不设置,则默认使用文件路径中的文件名。
需要注意的是,如果要下载跨域的文件,需要后端设置相应的 CORS 头部信息,否则会出现跨域下载失败的问题。
阅读全文