前端Ajax请求，后端返回流如何解析

最新推荐文章于 2024-05-21 10:59:11 发布

RenBaiLi

最新推荐文章于 2024-05-21 10:59:11 发布

阅读量591

点赞数

分类专栏：前端开发文章标签：前端 ajax javascript

本文链接：https://blog.csdn.net/RenBaiLi/article/details/125998908

版权

前端开发专栏收录该内容

19 篇文章 0 订阅

订阅专栏

     exportBakingRecords(this.Idarr).then((res) => {
        console.log(res.data);
        const blob = new Blob([res.data], { type: "application/x-tar" });
        const downloadElement = document.createElement("a");
        const href = window.URL.createObjectURL(blob);
        //后台再header中传文件名
        downloadElement.href = href;
        // downloadElement.download = fileName;
        document.body.appendChild(downloadElement);
        downloadElement.click();
        document.body.removeChild(downloadElement); // 下载完成移除元素
        window.URL.revokeObjectURL(href); // 释放掉blob对象
      });

请求头里添加流的类型

// 批量导出
export const exportBakingRecords = (data) => {
    return request({
        // url: "/api/blade-pcm/baking-records/exportBakingRecords",
        url: "/center/baking-records/exportBakingRecords",
        method: "post",
        headers: {
            responsType: "blob",
        },
        data,
    });
};