vue blob流下载zip文件,下载后包文件显示文件损坏
今天遇到一个问题,就是下载的zip文件打不开,一直显示文件被损坏。
本来觉得是后端的问题,但是排除了好久,确实没有问题,postman也实验成功。
后来发现系统main.js中引入了mock数据,影响了axios请求,造成了请求的流文件内容乱码。
将mock引入注释掉即可。
其他的正常请求处理即可。
this.$axios({
method: "post",
url: url,
data: {
id: this.documentId,
},
responseType: "blob",
})
.then((res) => {
//ie内核的浏览器下
if (
navigator.userAgent.match(/MSIE\s([\d.]+)/) ||
navigator.userAgent.indexOf("Trident") > -1
) {
window.navigator.msSaveBlob(res, `人员信息.zip`);
} else {
let url = window.URL.createObjectURL(res);
let link = document.createElement("a");
link.style.display = "none";
link.href = url;
link.download = `人员信息.zip`;
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
}
})
.catch((error) => {
this.$message.warning("导出失败");
});
有没有想要脱单的小伙伴,加入我们的脱单星球,认识更多优秀的小哥哥小姐姐
特此声明,星球是免费的,但是创建星球的时候说是必须输入金额,所以只能先私聊,我再加你免费加入!
更多推荐
所有评论(0)