vue下载zip文件,显示文件损坏

// 打印申请书
printApplication(row){
const awardApplicationIds = row.awardApplicationId || this.ids;
printApply(awardApplicationIds).then(response => {
// 创建Blob对象
const blob = new Blob([response], { type: 'application/zip' });
// 创建下载链接
const url = URL.createObjectURL(blob);
// 创建虚拟a标签进行下载
const link = document.createElement('a');
link.href = url;
link.download = 'files.zip';
link.click();
// 释放URL对象
URL.revokeObjectURL(url);
})
.catch(error => {
console.error('下载文件失败:', error);
})
},

方法定义:

// 打印申请书
export function printApply(data){
return request({
url: '/evalu/evaAwardApply/printApply',
method: 'post',
data: data
})
}

上面这样定义的方法,下载的文件就会出问题,需要加上下面这两行。

// 打印申请书
export function printApply(data){
return request({
url: '/evalu/evaAwardApply/printApply',
method: 'post',
responseType: 'blob',
headers:{ 'Content-Type': 'application/json; application/octet-stream'},
data: data
})
}

posted @   z-laoyao  阅读(876)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 按钮权限的设计及实现
· 25岁的心里话
点击右上角即可分享
微信分享提示