2022-04-18 前端下载后端文件流

创建一个XMLHttpRequest，用a标签下载。

download(api, params) {
      let req = new XMLHttpRequest();
      req.open("POST", api, true);
      req.responseType = "blob";
      req.setRequestHeader("Content-Type", "application/json");
      req.onload = function () {
        const data = req.response;
        const blob = new Blob([data]);
        const blobUrl = window.URL.createObjectURL(blob);
        const a = document.createElement("a");
        let b = "课程名称"+moment().format(" YYYYMMDDHHmmss");
        a.download = "<"+b+">.xlsx"
        a.href = blobUrl;
        a.click();
      };
      req.send(params);
    },

注：我这里用了一个日期插件moment，不需要可直接删掉，需要得话自行npm i。另外有一点需要表明，即要指明a标签下载内容的格式: a.download = xxx.格式，否则你后端传递的明明是xlsx，下载的却是一个txt文本格式的文件，且是乱码。

本文非原创，属于二次创新，出处：http://t.csdn.cn/XhRqn。