javascript chrome Vue下载Excel后报错,或打不开

Vue下载Excel后报错,或打不开

问题描述:

后端返回excel文件流后, 在Swagger 和 PostMan上进行下载测试均正常下载及打开

但是在项目中下载打开却出现: WPS表格在试图打开文件时遇到错误.

如图: 问题呢, 是我们在发送请求时,没有声明返回的responseType 设置一下就好了.

上代码:

// 加上responseTape

export function getSiteElectricDataExcel(data) {

return request({

url:apiURL.newDataSite,

method: 'post',

data,

responseType: 'blob'

})

}

接收后的下载逻辑:

download(){

getSiteElectricDataExport(this.params).then(res=>{

let url = window.URL.createObjectURL(new Blob([res]));

let link = document.createElement("a");

link.style.display = "none";

link.href = url;

// 生成时间戳

let timestamp = name+"_" + new Date().getTime();

link.download = "测试文档.xlsx";

document.body.appendChild(link);

link.click();

})

以上

精彩文章

评论可见，请评论后查看内容，谢谢！！！

您阅读本篇文章共花了：

金钥匙