前端vue导出zip文件

最近项目中涉及到导出zip包的功能，以下是后台返回的需要下载的文件的数据结构:

//zipName是zip压缩包的名字，fileUrl是需要下载的文件地址，fileName是文件的名称

{
    "status": 1,
    "message": "导出成功",
    "data": {
        "zipName": "全部简历.zip",
        "filesArr": [ {
            "fileUrl": "https://xxxxxx",
            "fileName": "张亮的简历.pdf"
        }, {
            "fileUrl": "https://xxxxxx",
            "fileName": "小明的简历.pdf"
        }, {
            "fileUrl": "https://xxxxxx",
            "fileName": "张三.pdf"
        }]
    }
}

第一步：下载插件

npm install jszip
npm install script-loader
npm install file-saver

第二步：在需要用以上插件的页面中引入：

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