栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

SpringBoot实现 Excel导出接口,Axios下载乱码问题

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

SpringBoot实现 Excel导出接口,Axios下载乱码问题

SpringBoot实现 Excel导出接口,Axios下载乱码问题
背景:使用Easypoi生成 .xlsx格式的Excel文档

后端实现代码

response.setCharacterEncoding("UTF-8");
response.setHeader("Access-Control-Expose-Headers","Content-Disposition");
// 错误的
//response.setHeader("Content-Type", "application/vnd.ms-excel;charset=utf-8");
// 正确的
response.setHeader("Content-Type", "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8");
response.setHeader("Content-Disposition", "attachment;filename=" + URLEncoder.encode( "导出文件名称.xlsx", "UTF-8"));

前端实现代码:

//错误的
//var blob = new Blob([res.data], {type: 'application/vnd.ms-excel;charset=utf-8'}); 
//正确的
var blob = new Blob([res.data], {type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8'}); 

HTTP Content-Type 对照表(部分)

扩展名Content-Type
.xlsapplication/vnd.ms-excel
.xlsxapplication/vnd.openxmlformats-officedocument.spreadsheetml.sheet

原因:
如果实际开发中遇见这个问题,看到这里大家应该已经知道原因了。
Axios获取到Blob的时候要设置正确的Type。实际开发中可以通过后端返回的Header Conten-Type进行设置。这样能保证前后端类型对齐。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/606183.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号