接受要以blob的方式，這是細節也是重點，這里貼出一個method的實現

exportSelectZip() {const totalSelectPicList = this.pictureOfSelectBookList.join("&xxx");axios.get("xxx" + totalSelectPicList, {responseType: "blob",}).then((response) => {let blob = new Blob([response.data], { type: "application/zip" });let url = window.URL.createObjectURL(blob);const link = document.createElement("a"); // 創建a標簽link.href = url;link.download = "pic.zip"; // 重命名文件link.click();URL.revokeObjectURL(url); // 釋放內存}).catch(function (err) {console.log(err);});},

responseType: “blob”,十分重要，這里其實是創建了一個a標簽并自動點擊實現下載功能，并且做到了及時釋放內存。

總結

以上是生活随笔為你收集整理的vue实现接受后端传过来的zip数据，axios实现的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。