vue文件下载实现

在vue项目中，有时候需要实现文件下载，但因为部分后端接口写法原因，并不适用a链接或window.open直接下载文件，优化方法如下：

downfile(uuid,fileName){
 // window.open('/api3/file/disk/'+uuid)
 // 如： https://www.abc.com/api3/file/disk/7766222 这样的链接
 let a = document.createElement('a')
 a.href = process.env.VUE_APP_API_BASE_URL+'/file/disk/'+uuid
 a.download = fileName
 a.click()
 a.remove()
}

如果后端是直接输出的文件内容，还可以这样写：

const url = URL.createObjectURL(new Blob([res]))
const a = document.createElement('a')
a.href = url
a.download = `文件_${Date.now()}.docx`
a.click()
a.remove()

当然，请求的时候，需要设置返回类型为blob，也就是增加一个 responseType: 'blob' 参数。