vue 点击a链接 实现url下载文件

首先介绍一种 创建a链接的方式下载文件

 const a = document.createElement('a')
 // 这里是将url转成blob地址，
 fetch(url).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
     a.href = URL.createObjectURL(blob)
     a.download = name || '' // 下载文件的名字
     document.body.appendChild(a)
     a.click()
 })

再介绍另一种方式 ： file-saver 实现文件下载

npm install file-saver --save -dev

具体的我就不多介绍了、网上找了两篇文章,可以参考一下。

//a链接
https://juejin.cn/post/7062888582465191944
//file-saver 
https://blog.csdn.net/weixin_41668951/article/details/119735393