web端下载文件，后端已文件流返回，如何实现？

1、先转换成blob

2、创建 a 标签

3、通过 URL 的  createObjectURL 方法创建下载链接

4、把 a 标签增加到当前页

5、调用 click 方法

6、删除 a 节点

7、销毁url对象

 

上代码 （ 其中 有用到 antd Message 组件）

import { Message } from "ant-design-vue";
export function exportFile(data, fileName, dialogName) {
  let blob = new Blob([data], {
    type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" //application/vnd.ms-excel
  });
  if (blob.size > 0) {
    let objectUrl = URL.createObjectURL(blob); //创建url对象
    let link = document.createElement("a");
    link.style.display = "none";
    link.href = objectUrl;
    link.download = fileName + ".xlsx"; //下载后文件名
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    URL.revokeObjectURL(link.href); //销毁url对象
  }
  Message.success({
    content: "导出成功!",
    key: dialogName || "exportStatistics",
    duration: 2
  });
}