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

  • Post author:
  • Post category: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 接口



版权声明:本文为weixin_56916588原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。