axios中excle文件导出下载

EXCLE文件导出

1.post请求的封装

export function exportNbMeterInfoById(data = {}) {
  return req({
    method: "post",
    url: "/wlsb/tbMeterInfo/exportNbMeterInfo", // 请求地址
    data: data, // 参数
    responseType: "blob", // 表明返回服务器返回的数据类型
  });
}

2.请求的发送

 exportNbMeterInfoById(this.exportId).then(res => {
          // console.log(res);
          this.download(res);
        });

3.处理返回来的文件流

 download(res) {
      if (!res) return;
      let ct = res.headers["content-disposition"];
      let blob = new Blob([res.data], { type: res.headers["content-type"] });
      let downloadElement = document.createElement("a");
      let href = window.URL.createObjectURL(blob); // 创建下载的链接
      downloadElement.href = href;
      downloadElement.download = "NB表基本信息"; // 下载后文件名
      document.body.appendChild(downloadElement);
      downloadElement.click(); // 点击下载
      document.body.removeChild(downloadElement); // 下载完成移除元素
      window.URL.revokeObjectURL(href); // 释放掉blob对象
    },