springBoot + Vue 以流的形式下载excel文件

最新推荐文章于 2025-05-15 13:29:57 发布

原创

最新推荐文章于 2025-05-15 13:29:57 发布 · 5.8k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#excel #springboot #vue

本文介绍如何结合SpringBoot和Vue，利用流式传输技术实现动态生成并下载Excel文件。通过后端生成Excel内容并以流形式传递到前端，确保文件下载的高效性和稳定性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端代码:
export default {
    components: {
        dptable
    },
    data() {
        return {
            // 访问数据的地址
            exportOrderTemplateUrl: "/api/distrGoodsManage/exportOrdertemplate",
//以下无关省略.........

//导出excel方法:
 exportExcel() {
            const querystring = require("querystring");
            this.$axios
                .post(this.exportOrderTemplateUrl, querystring.stringify({}), {
                    responseType: "blob"
                })
                .then(res => {
                    const blob = new Blob([res.data], {
                        type: "application/vnd.ms-excel"
                    });
                    let fileName = "批量下单Excel模板.xls";
                    if ("download" in document.createElement("a")) {
                        const elink = document.createElement("a");
                        elink.download = fileName;
                        elink.style.display = "none";
                        elink.href = URL.createObjectURL