前端vue项目post和get请求，前端处理后端返回的文件流，导出zip文件_vue前端处理文件流

post请求文件流处理 

1.引入axios

import axios from "axios";

 2.使用axios发送post请求，处理文件流

axios({
          // 用axios发送post请求
          method: "post",
          url:
            window.SITE_CONFIG["baseUrl"] +
            "/generator/authCheckRecord/exportDataWord", // 请求地址
          data: {
            data: {},
          },
          responseType: "blob", // 表明返回服务器返回的数据类型
          headers: {
            "Content-Type": "application/json; application/octet-stream",
            token: this.$cookie.get("token"),
          },
        })
          .then((res) => {
            let blob = new Blob([res.data], { type: "application/zip" }); 
// 设置下载的内容以及格式，zip文件必须设置type: "application/zip" 
            const url = window.URL.createObjectURL(blob); // 设置路径
            const link = window.document.createElement("a"); // 创建a标签
            link.href = url;
            link.download = "审核表.zip"; // 设置文件名
            link.style.display = "none";
            link.click();
            URL.revokeObjectURL(url); // 释放内存
          })
          .catch(function (error) {
            console.log(error);
          });

get请求文件流处理

 直接跳转下载，下载所有文件都可以使用，不管是表格word还是zip

 window.location.href =
        this.baseUrl +
        "/generator/authCheckPersonInfo/downLoadModel?token=" +
        this.token;
 
///generator/authCheckPersonInfo/downLoadModel 接口