vue中后台返回文件流,前端通过文件流生成xlsx文件并下载

 如图,前端需要导出日志文件,后端回传文件流,需要前端生成对应的文件,并自动下载

第一步

 接口处增加  responseType: "blob",

第二步

handleExport() {
      exportSessnLog(this.searchForm).then((result) => {
        var binaryData = [];
        binaryData.push(result.data);
        let eLink = document.createElement("a");
        eLink.download = '监控日志' + ".xlsx";
        eLink.style.display = "none";

        let blob = new Blob(binaryData, {
          type: "application/vnd.ms-excel",
        });
        eLink.href = URL.createObjectURL(blob);
        document.body.appendChild(eLink);
        eLink.click();
        document.body.removeChild(eLink);
      });
    },

按上图根据自身项目修改,即可下载