码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2018-07-02 17:41:39      阅读:9320      评论:0      收藏:0      [点我收藏+]

标签:发送post请求   download   time   turn   method   返回   click   element   cli   

使用: 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);
})

记录下,方便查找

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

标签:发送post请求   download   time   turn   method   返回   click   element   cli   

原文地址:https://www.cnblogs.com/zqqya/p/9254840.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!