js文件下载（post请求）

类类851

已于 2023-04-11 14:11:11 修改

阅读量1k

点赞数

文章标签： javascript 前端 html vue

于 2023-02-02 14:37:22 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_61884067/article/details/128849954

版权

文章展示了如何利用axios库的post方法配合responseType为blob来实现接口数据的Excel导出。在接收到响应后，通过创建HTML的a元素模拟点击下载，内容涉及到Blob对象和Content-Disposition头的处理。

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

axios接口

// excel导出
export const goodAllExport = (data?: KeyValue) => request.post('good/all/export', data, {
  responseType: 'blob'
})

在页面请求接口

// 请求批量导出接口
const batchExport = () => {
  goodAllExport().then( (res:any) => {
    let a = document.createElement("a");
    let blob = new Blob([res], {type: `.csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel`});
    // let filename = response.headers['content-disposition']
    let url = window.URL.createObjectURL(blob)
    a.href = url
    a.click();
  })
}