点击导出按钮发起axios的get请求,请求时带上token,接口返回的数据就是文件本身

 

// 模拟点击
const fake_click = (obj) => {
  var ev = document.createEvent('MouseEvents')
  ev.initMouseEvent(
    'click',
    true,
    false,
    window,
    0,
    0,
    0,
    0,
    0,
    false,
    false,
    false,
    false,
    0,
    null
  )
  obj.dispatchEvent(ev)
}

  //导出
  export(params) {
    return request({
      url: `/export`,
      method: "get",
      responseType: "blob",
      params,
    });
  }
    


handleExport(row) {
      Api.export({ id: row.id })
        .then((res) => {
          const blob = new Blob([res]);
          const file = new FileReader();

          file.readAsBinaryString(blob);
          file.onload = (ev) => {
            const myFileName = `文件名-${row.id}.xlsx`;

            var urlObject = window.URL || window.webkitURL || window;
            var save_link = document.createElementNS(
              "http://www.w3.org/1999/xhtml",
              "a"
            );
            save_link.href = urlObject.createObjectURL(blob);
            save_link.download = myFileName;
            fake_click(save_link);
            console.log("下载报告");
          };
        })
        .catch((err) => {
          console.log(err);
        });
    }

猜你喜欢

转载自blog.csdn.net/xutongbao/article/details/125448070