[问题探讨]VUE项目下载excel，通过window.open可以下载，通过axios+blob下载的文件乱码

最新推荐文章于 2023-08-06 11:48:01 发布

tom_wong666

最新推荐文章于 2023-08-06 11:48:01 发布

阅读量972

点赞数

分类专栏：问题探讨文章标签： blob js vue axios excel

本文链接：https://blog.csdn.net/tom_wong666/article/details/105978512

版权

在Vue项目中，遇到使用axios下载excel文件出现乱码的问题。当使用window.open方法时，文件能正常下载并显示。但在尝试通过axios结合blob下载时，文件内容出现乱码。解决方法是，在axios请求配置中添加responseType: 'blob'，确保正确处理二进制数据。

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

背景：

VUE项目，下载excel需求，通过window.open可以正常下载正常显示，通过axios+blob下载的文件乱码

前端代码：

1，axios部分(request.js)

const service = axios.create({
  timeout: 25000 // request timeout
})
......省略其他

2，页面API部分

import request from '@/utils/request'
// 导出
export function excel(param) {
  return request({
    url: '/dangerous/excel?attributesPath=' + param.attributesPath + '&tjDate=' + param.tjDate,
    method: 'get'
  })
}

3，blob部分

	import { excel } from '@/api/dangerousVehicleDailyReport'
	.......省略其他
      excel(param).then((res) => {
        const blob = new Blob([res.data])
        const fileName = '危险品车辆日报表.xlsx'
        if (window.navigator && window.navigator.msSaveOrOpenBlob) {
          window.navig