vue二进制数据流 导出excel

点击按钮，导出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对象可以看做是存放二进制数据的容器