vue 下载文件报错Whitelabel Error Page

---

问题描述

Whitelabel Error Page
This application has no explicit mapping for /error, so you are seeing this as a fallback.

Sat May 06 16:48:32 CST 2023
There was an unexpected error (type=Not Found, status=404).
No message available

---

解决方案：

提示：这里填写该问题的具体解决方案：

downloadBlob(blob, fileName) {
      try {
        const href = window.URL.createObjectURL(blob); //创建下载的链接
        if (window.navigator.msSaveBlob) {
          window.navigator.msSaveBlob(blob, fileName);
        } else {
          // 谷歌浏览器 创建a标签 添加download属性下载
          const downloadElement = document.createElement("a");
          downloadElement.href = href;
          downloadElement.target = "_blank";
          downloadElement.download = fileName;
          document.body.appendChild(downloadElement);
          downloadElement.click(); // 点击下载
          document.body.removeChild(downloadElement); // 下载完成移除元素
          window.URL.revokeObjectURL(href); // 释放掉blob对象
        }
      } catch (e) {
        this.$message.error('下载失败')
      }
    },
    downloadHandle(row, file) {
      let URL1 = window.SITE_CONFIG['baseUrl'] + "/template" + file;
      let data = fetch(URL1)
        .then(response => response.blob())
        .then(res => {
          let blod = new Blob([res]);
          var name = "";
          if (row.fileName) {
            name = row.fileName;
          } else {
            name = file.split("-")[1];
          }
          this.downloadBlob(blod, name);
        });
      return data;
    },