接口請求帶responseType: ‘blob’

export const fileDownloadZip = (params) =>{return request({url: '/file/downloadZip',
    method: 'post',
    data: params,
    responseType: 'blob',
  })
}

調(diào)用接口下載壓縮包

fileDownloadZip({paths: JSON.stringify(params) }).then(res =>{const blob = new Blob([res], {type: "application/zip" });
  const fileName = `文件1`;
  if ("download" in document.createElement("a")) {// 非IE下載
    const elink = document.createElement("a");
    elink.download = fileName;
    elink.style.display = "none";
    elink.href = window.URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    window.URL.revokeObjectURL(elink.href); // 釋放URL 對象
    document.body.removeChild(elink);
  } else {// IE10+下載
    navigator.msSaveBlob(blob, fileName);
  }
})
.catch((err) =>{console.log(err);
});

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧

成都創(chuàng)新互聯(lián)科技有限公司專業(yè)互聯(lián)網(wǎng)基礎(chǔ)服務(wù)商，為您提供成都多線機房，高防服務(wù)器，成都IDC機房托管，成都主機托管等互聯(lián)網(wǎng)服務(wù)。
文章標題：前端點擊下載壓縮包zip，后端返回文件流-創(chuàng)新互聯(lián)
文章分享：http://weahome.cn/article/dpgocs.html