文件下載post請求，返回文件流轉換zip,

 

 最近一個需求是批量下載文件，最后打包成zip包，post請求，

因為是文件流下載，所以在取后台數據的時候，要多傳遞一個【responseType: ‘blob’】這個參數

download() {
      this.tableLoading = true;
      console.log(this.selectionLen);
      let docIds = [];
      this.selectionLen.forEach((item, index) => {
        docIds.push(item.id);
      });
      let params = {
        zipName: "downloadFile",
        ids: docIds,
        company: this.userinfo.account_name
      };

      axios({
        // 用axios發送post請求
        method: "post",
        url:
          "http://xxx/pm/project/deliverable/download/zip", // 請求地址
        data: params, // 參數
        headers: {
          "content-type": "application/json; charset=utf-8"
        },
        responseType: "blob" // 表明返回服務器返回的數據類型
      }).then(res => {
        this.tableLoading = false;
        this.downloadFile(res.data);
      });
    },

downloadFile(data) {
      let blob = new Blob([data], { type: "application/zip" });
      let url = window.URL.createObjectURL(blob);
      const link = document.createElement("a"); // 創建a標簽
      link.href = url;
      let date = new Date();
      link.download = "fileDown" + FormatTime("YYYY-mm-dd HH:MM", date); // 重命名文件
      link.click();
      URL.revokeObjectURL(url); // 釋放內存
    }

最后成功下載文件