|
点击按钮，导出Excel，接口返回的是数据流，axios 利用blob导出后端返回二进制流excel文件
 打开axios官网，在请求配置这里可以看到‘responseType’这个属性 
//api.js
//设置responseType为‘blob’
export function download (data) {
return request({
url: '/***/***/download',
method: 'post',
data: data,
responseType: 'blob'
})
}
//index.vue
download() {
let data = {};
data.terminalIccid = this.terminal.terminalIccid;
data.itemId = this.itemId;
download(data).then((res) => {
console.log(res);
let blob = new Blob([res], { type: 'application/vnd.ms-excel' });
let objectUrl = URL.createObjectURL(blob);
window.location.href = objectUrl;
});
},
效果图（Excel可以正常导出）
稍微介绍一下blob对象：
Blob对象： 一直以来，JS都没有比较好的可以直接处理二进制的方法。而Blob的存在，允许我们可以通过JS直接操作二进制数据。
Blob对象可以看做是存放二进制数据的容器
|