有格式的二进制文件流下载打不开

onDownload(){

download(params).then(res =>{

//注意：如果res是二进制流字符串而不是blob，则需要通过new Blob([res])转化成blob

var downloadElement = document.createElement('a')

var href = window.URL.createObjectURL(res)//创建下载的链接

downloadElement.href = href

downloadElement.download = '文件名'//下载后文件名

document.body.appendChild(downloadElement)

downloadElement.style.display = 'none'

downloadElement.click()//点击下载

document.body.removeChild(downloadElement)//下载完成移除元素

window.URL.revokeObjectURL(href)//释慎旦放掉blob对象

})

}

还有一步非常重要！！！在请求接口时要设置responseType为blob

export const download = (params) =>{

return axios.post(url,params,{responseType:'blob'})

}

登录后复制

还有一点需要注意，如果项目中用到了mock，请求结果会被mock拦截，并且或孝冲修改返回数据类型，这样就会出现下载下来的文件打不开。如下图：data的数据类型变成了字符串，request为MockXMLHttpRequest类型，这是因为被mock重写了

所以，需要把mock关掉，这样就好了

二旦枝进制文件往往区别于“文本文件”“文档文件”。 我们通裤配常把程序、视频、图片等不能直接阅读的文件理解为二进制文模纯敏件。

二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。