1.
downloadIssue(param).then(res=>{
let blob = res
if ('download' in document.createElement('a')) { // 非IE下载
let eleLink = document.createElement('a')
let url = window.URL.createObjectURL(new Blob([blob],{type:"application/vnd.ms-excel"}))
eleLink.href = url
eleLink.download = this.unitName + "问题数据"
document.body.appendChild(eleLink)
eleLink.click()
window.URL.revokeObjectURL(url)
}else{
navigator.msSaveBlob(blob, this.unitName + "问题数据");
}
})
2.请求:
export function downloadIssue(param) {
return axios({
url: api.downloadIssue,
method: 'POST',
data: param,
responseType: 'blob'
})
}
3.特别注意:
window.URL.createObjectURL(new Blob([blob],{type:"application/vnd.ms-excel"}))这个地方的type,是从后台代码我拿到了里直接写死的,也可以前端自己获取:
借鉴于:https://www.cnblogs.com/coconutGirl/p/12605562.html
// data就是接口返回的文件流
let data = res
if (data) {
let attrs = res.headers['content-disposition'].split(';')
// 获取文件名
let fileName = ''
// 不用管fileName在第几个位置,只要=前面是fileName,就取=后面的值
for (let i = 0, l = attrs.length; i < l; i++) {
let temp = attrs[i].split('=')
if (temp.length > 1 && temp[0] === 'fileName') {
fileName = temp[1]
break
}
}
fileName = decodeURIComponent(fileName)
// 获取数据类型
let type = res.headers['content-type'].split(';')[0]
let blob = new Blob([res.data], { type: type })
const a = document.createElement('a')
// 创建URL
const blobUrl = window.URL.createObjectURL(blob)
a.download = fileName
a.href = blobUrl
document.body.appendChild(a)
// 下载文件
a.click()
中间还参考了这个问题