前端vue+axios請求后端接口下載文件


$axios({
      method: "post",
      url: url,
      data: params,
      responseType: "blob",
    })
      .then((res) => {
           let blob = new Blob([res]);
           if ("msSaveOrOpenBlob" in navigator) {
              //ie使用的下載方式
              window.navigator.msSaveOrOpenBlob(blob, filename);
           } else {
              let elink = document.createElement("a");
              // 設置下載文件名
              elink.download = filename;
              elink.style.display = "none";
              elink.href = URL.createObjectURL(blob);
              document.body.appendChild(elink);
              elink.click();
              document.body.removeChild(elink);
          }
      })
      .catch((err) => {
        if (!handleError(err.response)) {
          error(err);
        }
      });

不使用接口請求的話就直接點擊事件中

  window.open('https://xxx.xlxs')


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM