接口请求带responseType: ‘blob’

export const fileDownloadZip = (params) =>{return request({url: '/file/downloadZip',
    method: 'post',
    data: params,
    responseType: 'blob',
  })
}

调用接口下载压缩包

fileDownloadZip({paths: JSON.stringify(params) }).then(res =>{const blob = new Blob([res], {type: "application/zip" });
  const fileName = `文件1`;
  if ("download" in document.createElement("a")) {// 非IE下载
    const elink = document.createElement("a");
    elink.download = fileName;
    elink.style.display = "none";
    elink.href = window.URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    window.URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
  } else {// IE10+下载
    navigator.msSaveBlob(blob, fileName);
  }
})
.catch((err) =>{console.log(err);
});

你是否还在寻找稳定的海外服务器提供商？创新互联www.cdcxhl.cn海外机房具备T级流量清洗系统配攻击溯源，准确流量调度确保服务器高可用性，企业级服务器适合批量采购，新人活动首月15元起，快前往官网查看详情吧

成都创新互联科技有限公司专业互联网基础服务商，为您提供成都多线机房，高防服务器，成都IDC机房托管，成都主机托管等互联网服务。
文章名称：前端点击下载压缩包zip，后端返回文件流-创新互联
文章位置：http://cdweb.net/article/dpgocs.html