java 前端导出exvel_前端通过后台返回poi流导出excel

今天在PC端做一个报表导出excel的功能，实现方式通过后台提供请求接口来获取数据流，然后前端再通过a标签下载excel文件。

在获取到后台数据后，前端实现具体代码如下：

let blob = new Blob([res.data], {

type: "application/vnd.ms-excel;charset=utf-8",

});

var downloadElement = document.createElement("a");

var href = window.URL.createObjectURL(blob);

downloadElement.href = href;

downloadElement.download = "活动统计.xlsx";

document.body.appendChild(downloadElement);

downloadElement.click();

document.body.removeChild(downloadElement);

window.URL.revokeObjectURL(href);

但是问题来了，导出的excel打开后会提示如下

在点击了是之后，又会提示

但是通过swagger下载的excel却能正常打开。

于是和后台同事折腾了3个小时，查阅各种资料，各种尝试依然不行。

结果导致这个问题的原因很简单，前端在请求数据时，应该设置接收后台数据类型格式为'blob'，然鹅，我没有设置，也不知道需要设置。

{

responseType: 'blob',

}

好吧~就这么简单！菜是原罪！