vue前端接收后端文件流进行下载

vue前端接收后端文件流进行下载

html代码如下：

下载方法如下：

//API接口
export function download(data) {
  return request({
    url: "xxx",
    methods: "get",
    params: data,
    responseType: "blob", //收到的数据为blob
  });
}

 //模板下载
    async loadown(row) {
      let res = await download({
        id: row.id,
      });
      if (res) {
        let blob = new Blob([res], {
          type: res.type,
        });
        let downloadElement = document.createElement("a");
        let href = window.URL.createObjectURL(blob);
        downloadElement.href = href;
        downloadElement.download = row.mbmc + ".xls";
        document.body.appendChild(downloadElement);
        downloadElement.click();
        window.URL.revokeObjectURL(href);
      } else {
        this.$message.error(res.msg);
      }
    },