前端BUG-导出excel提示文件出错，文件内容为[object,object]

大嘴史努比

已于 2024-03-18 11:45:16 修改

阅读量958

点赞数 3

文章标签：前端 bug vue.js

于 2024-03-12 16:47:42 首次发布

本文链接：https://blog.csdn.net/qq_42371932/article/details/136656790

版权

文章介绍了如何通过修改axios配置实现文件导出，并详细描述了如何处理响应类型为blob的情况，以及配置下载链接的方法，包括设置文件名和触发下载过程。

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

从两部分解决，一个是从axios上做配置修改：

export function exportList(params: any) {
  return request.post('/advise/export', params, {
    responseType: 'blob'//添加这个返回类型配置
  })
}

其次是下载导出的链接配置：

await exportDetailList(req).then((res: any) => {
    const blob = new Blob([res?.data], { type: 'application/vnd.ms-excel' })
    const _fileName = res?.headers['content-disposition'].split(';')[1].split('=')[1]
    const link = document.createElement('a')
    link.style.display = 'none'
    // @ts-ignore
    const url = window.URL || window.webkitURL || window?.moxURL
    link.href = url.createObjectURL(blob)
    link.download = decodeURIComponent(_fileName)
    link.click()
    url.revokeObjectURL(link.href)
  })