axios下载excel表、pdf

sparrow_girl

已于 2022-02-15 13:22:32 修改

阅读量450

点赞数 1

分类专栏： Vue 文章标签： vue.js 前端 javascript

于 2021-12-29 10:49:47 首次发布

本文链接：https://blog.csdn.net/qq_51053759/article/details/122210725

版权

本文介绍了如何使用axios在前端实现批量下载PDF文件，重点强调了配置responseType的重要性，不正确配置可能导致下载的文件为空。

摘要由CSDN通过智能技术生成

export const downReport_api = params =>
    request({
        method: "get",
        url: "/api-study/paperDocuments/outDataDocumentReport",
        params,
        responseType: "blob", // 表明返回服务器返回的数据类型
    });

        async down() {
            let res = await downReport_api({
                documentState: "DOCUMENT_VALIDATION",
                name: this.form.title,
            });
            console.log(res);
            const blob = new Blob([res.data]);
            const a = document.createElement("a");
            const URL = window.URL || window.webkitURL;

            const herf = URL.createObjectURL(blob);

            a.href = herf;
            a.download = `报表.xlsx`;
            document.body.appendChild(a);
            a.click();
            document.body.removeChild(a);
            wi