SpringBoot+VUE+EasyPoI导出Excel乱码设置返回值类型responseType:‘blob‘无效的问题

最新推荐文章于 2024-05-01 08:28:13 发布
最新推荐文章于 2024-05-01 08:28:13 发布
阅读量2.5k 收藏 2
点赞数 1
分类专栏： Vue前端响应二进制流乱码 文章标签： 乱码 vue excel poi
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50402849/article/details/108347542
版权

SpringBoot+VUE+EasyPoI导出Excel乱码设置返回值类型responseType:'blob’无效的问题

1.第一步在VUE工程api目录.js写axios接口
在这里插入图片描述
2.第二步 在项目工程 .vue 加入在这里插入图片描述
3 第三步 导入Excel文件把校验数据响应给前端导出Excel 重点：Response响应的数据乱码在这里插入图片描述
最终要放弃这个功能实现的时候，在网上找了一下vue Mock组件模拟Ajax拦截器，后端流程写得没毛病，其次后端也没有乱码，最终回到前端找一下是否有Mock组件，如果出现这种问题vue处理已经处理二进制流还是无济于事，请转换思路看看vue工程是否有拦截axios请求数据的组件。

重点：如果在vue响应处理二进制，就一定要看看vue工程是否有类似ajax拦截请求
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
对第二张图片标注红框进行注释就行了，收工睡觉。

木木彡_牧锋
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
基于springboot+vue的商城管理系统源码+数据库（高分毕业设计）.zip
06-08
基于springboot+vue的商城管理系统源码+数据库（高分毕业设计）.zip 高分毕业设计项目，代码完整下载可用，纯手打高分毕业设计，也可作为期末大作业和课程设计，小白也可实战。 基于springboot+vue的商城管理系统...
基于SpringBoot+Vue的购物商城管理系统源码+数据库（高分毕业设计）.zip
06-14
基于SpringBoot+Vue的购物商城管理系统源码+数据库（高分毕业设计）.zip 已获导师指导并通过的高分项目，也可作为期末大作业和课程设计，纯手打高分项目，代码完整下载可用，小白也可实战。 基于SpringBoot+Vue的...
SpringBoot+Vue使用easypol出现无法导出Excel表的问题
孤夜的博客
01-17 1192
SpringBoot+Vue使用easypol出现无法导出Excel表的问题
poi(easypoi)导出excel（xls，xlsx）后，文件打开错误或乱码的解决方法（亲测）
热门推荐
weixin_38312502的博客
11-19 1万+
1.问题 今天我写一个导出excel数据的一个功能，一开始我使用XSSFWorkBook导出的是xlsx格式，结果下载文件后，打开报错： 然后我又切换成HssfWorkBook,导出xls格式，结果文件可以打开，但是内容却是乱码的。且他们的文件名均不是正常格式。 然后我就以为是编码问题，就开始各种搜索poi编码的问题，然后大部分都是说的给response对象添加content-Type...
【前后端分离系列】 Spring Boot + Vue 实现 EasyPOI 导入导出_spring boot+vue导入导出(1)
最新发布
2401_84103250的博客
05-01 469
Hello~ ，前后端分离系列和大家见面了，秉着能够学到知识，学会知识，学懂知识的理念去学习，深入理解技术！
第三个bug：使用freemarker或者easypoi生成文档乱码问题
weixin_44315397的博客
02-15 1251
在开发过程中因为需要根据模板来生成对应的word文档和excel，在参考一圈后，决定使用freemarker和easypoi一起来做。可是在部署到Tomcat后，发现生成的文档中文乱码。并且飘忽不定，百度一圈，现在附上我的解决方法，希望能帮助到你。
vue+springboot 生成excle表 使用easypoi.excel将数据导成xls并输出到前端
waylonZXH的博客
04-09 516
<dependency> <groupId>cn.afterturn</groupId> <artifactId>easypoi-spring-boot-starter</artifactId> <version>4.3.0</version> </dependency> 一、 vue使用window.open get请求一个 exportData() { wi
jasperport+studio+vue+springboot 实现pdf预览
qq_44014971的博客
12-23 4212
思路：使用studio生成模板，将模板导入java代码，读取模板并设值，返回二进制流或者地址给前端使用blob存储流，然后打开文件。 模板生成工具可以用ireport或者studio 主要的坑ireport只支持jdk1.7一下，建议使用studio,我使用的是ireport,高于1.7的会出现一些题：比如工具闪退，工具无法加入驱动包，导致无法连接到数据库。 连接数据库方式：javabean，jd...
基于springboot+vue的网上书店系统源码.zip
05-12
基于springboot+vue的网上书店系统 开发语言：Java 框架：springboot JDK版本：JDK1.8 服务器：tomcat7 数据库：mysql 5.7 数据库工具：Navicat 开发软件：eclipse/myeclipse/idea Maven包：Maven3.3.9 浏览器：...
Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui）.zip
05-03
Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：外卖点餐系统（springboot+vue+vant+element-ui） Java毕业设计：...
基于springboot+vue的宠物领养系统源码+数据库（高分毕业设计）.zip
06-04
基于springboot+vue的宠物领养系统源码+数据库（高分毕业设计）.zip 也可作为期末大作业和课程设计，代码完整下载可用，纯手打高分毕业设计项目，小白也可实操。 基于springboot+vue的宠物领养系统源码+数据库...
Spring Boot下载Excel模板，内容乱码解决方法
qq_39944141的博客
12-16 2385
昨天说了下载excel模板是空的问题以及解决方案，今天突然想起来在本地开发时遇到的一个小坑（其实还是自己见识的太少而已），问题是这样的： 在开发阶段，将excel模板放到项目中，然后读取下载，发现下载下来的模板文件，里面都是乱码，用postman测试也是一样的情况。刚开始以为是编码的原因，因为返回的时候response是一堆乱码，后来试了更改编码格式，代码设置编码格式，都不行；然后问了技术经理，他说是maven打包的问题，然后发了我一个代码，让我把xlsx格式忽略掉就可以了，然后问题就顺利解决了。归根到底
Springboot返回文件流到前端（React+Axios）
coderping的博客
02-18 9246
后端代码 返回outputStream流到前端 @RequestMapping(value = "/migration",method = RequestMethod.POST) public void migration(HttpServletResponse response, @RequestParam("files")MultipartFile[] multipart...
vue + spring boot 导出excel乱码
qxy15997826736的博客
03-03 1410
前端代码 that.xxx.doPost('后端访问url',queryParam,'blob').then((res: any) => { if (res.status == 200) { // debugger; const blob = new Blob([res.data],{type: 'application/octet-stream;charset=UTF-8'}); const fileName
Springboot采用EasyPoi采用前后端分离导出Excel并返回前端Blob
weixin_43729536的博客
02-18 2855
Springboot采用EasyPoi采用前后端分离导出Excel并返回前端Blob 实现思路 封装excel的工具类，采用EasyPoi,简单，快速； 编写PO对象，采用@Excel注解增加注释； 查询数据，并将数据封闭至PO对象中； 通过工具类将对象通过BLOB格式返回给前端； 前端通过工具类下载该EXCEL; 引依赖 <dependency> <groupId>cn.afterturn</groupId> <artifa..
easypoi之post请求导出excel（解决ajax发送请求乱码无法导出excel文件问题）
Seven71111的博客
05-25 4069
坑1：ajax发送请求乱码无法导出excel文件，因为文件是二进制格式，ajax最终会将返回的数据解析成json，所以导致乱码。 坑2：通过form表单发送post请求，后端接口不要用 @RequestParam 和 @RequestBody 修饰 原因：form传参的格式是username=xxx,pwd=xxx这样的格式， ajax是将对象转成字符串进行传参，格式为username : xxx,pwd : xxx 因此，如果想post请求方式导出excel，则必须用form提交请求，且后端接..
vue springboot利用easypoi实现简单导出
辰鬼的博客
08-25 2630
vue springboot利用easypoi实现简单导出
springboot+vue 导出excel
10-12
可以使用Apache POI库来实现在Spring Boot和Vue中导出Excel。具体步骤如下： 1. 在后端使用POI库创建Excel文件并填充数据。 2. 将Excel文件转换为字节数组。 3. 在前端使用axios发送POST请求，将字节数组作为响应体返回。 4. 在前端使用file-saver库将响应体保存为Excel文件。 以下是一个简单的示例代码： 后端代码： ```java @GetMapping("/export") public ResponseEntity<byte[]> exportExcel() throws IOException { // 创建Excel文件并填充数据 Workbook workbook = new XSSFWorkbook(); Sheet sheet = workbook.createSheet("Sheet1"); Row row = sheet.createRow(0); Cell cell = row.createCell(0); cell.setCellValue("Hello World!"); // 将Excel文件转换为字节数组 ByteArrayOutputStream outputStream = new ByteArrayOutputStream(); workbook.write(outputStream); byte[] bytes = outputStream.toByteArray(); // 设置响应头 HttpHeaders headers = new HttpHeaders(); headers.setContentDispositionFormData("attachment", "example.xlsx"); headers.setContentType(MediaType.APPLICATION_OCTET_STREAM); return new ResponseEntity<>(bytes, headers, HttpStatus.OK); } ``` 前端代码： ```javascript import axios from 'axios'; import { saveAs } from 'file-saver'; export function exportExcel() { axios({ url: '/api/export', method: 'GET', responseType: 'arraybuffer' }).then(response => { const blob = new Blob([response.data], { type: 'application/vnd.ms-excel' }); saveAs(blob, 'example.xlsx'); }); } ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值