vue中使用axios处理post方法导出excel表格（后端返回文件流）

最新推荐文章于 2024-10-15 11:45:47 发布

zqqyaa

最新推荐文章于 2024-10-15 11:45:47 发布

阅读量1.7w

点赞数 1

分类专栏：前端文章标签： js vue excel

本文链接：https://blog.csdn.net/zqqyaa/article/details/85617232

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

使用： vue、axios

接口要求： post方法、入参为json格式、出参文件流

1.请求函数

exportExcel: function(form) {
        return axios({ // 用axios发送post请求
            method: 'post',
            url: '/serviceTime/exportData', // 请求地址
            data: form, // 参数
            responseType: 'blob', // 表明返回服务器返回的数据类型
            headers: {
                'Content-Type': 'application/json'
            }
        })
    }

2.导出函数

const params = {
    test: '111
}
exportExcel(params).then(res => { // 处理返回的文件流
    const blob = new Blob([res]);
    const fileName = '统计.xlsx';
    const elink = document.createElement('a');
    elink.download = fileName;
    elink.style.display = 'none';
    elink.href = URL.createObjectURL(blob);
    document.body.appendChild(elink);
    elink.click();
    URL.revokeObjectURL(elink.href); // 释放URL 对象
    document.body.removeChild(elink);
})