话不多说,直接上代码
<a @click="downloadTock(record.url, record.name)" target="_blank">{{ record.name }}</a>
async downloadTock(url, name) {
//url为后端返回的文件地址
console.log(url)
const response = await fetch(url)
// 使用 fetch 函数获取 url 对应资源的响应
const blob = await response.blob()
//使用 response.blob() 方法将响应转换为一个 Blob 对象
const blobUrl = URL.createObjectURL(blob)
//使用 URL.createObjectURL(blob) 方法创建一个指向 Blob 对象的URL
console.log(blobUrl)
window.open(blobUrl, '_blank')
},