npm i axios
npm i jszip
npm i file-saver

import axios from "axios";
import JSZip from "jszip";
import FileSaver from "file-saver";

getFile(url) {
    let that = this;
    return new Promise((resolve, reject) => {
    axios({
    method: "get",
    url,
    responseType: "arraybuffer",
    onDownloadProgress: function(progressEvent) {
    }
    })
    .then(data => {
    console.log(data);
    resolve(data.data);
    })
    .catch(error => {
    reject(error.toString());
    });
    });
    },

downfile(){
const data = []; // 需要下載打包的路徑, 可以是本地相對(duì)路徑, 也可以是跨域的全路徑
//this.List為多個(gè)下載數(shù)據(jù)的地址數(shù)組
    this.List.forEach(item => {
      data.push(`${item.fileurl`);//item.fileurl把文件路徑添加在要下載的data數(shù)組中
    });
    const zip = new JSZip();
    const cache = {};
    const promises = [];
    data.forEach(item => {
      const promise = this.getFile(item).then(data => {
        // 下載文件, 并存成ArrayBuffer對(duì)象
        const arr_name = item.split("/");
        const file_name = arr_name[arr_name.length - 1]; // 獲取文件名
        zip.file(file_name, data, { binary: true }); // 逐個(gè)添加文件
        cache[file_name] = data;
      });
      promises.push(promise);
    });
    Promise.all(promises).then(() => {
      zip.generateAsync({ type: "blob" }).then(content => {
        // 生成二進(jìn)制流
        FileSaver.saveAs(content, "打包下載.zip"); // 利用file-saver保存文件
      });
    });
}