vue下载excel文件乱码问题，亲测有效

最新推荐文章于 2024-05-14 14:38:59 发布
原创 最新推荐文章于 2024-05-14 14:38:59 发布 · 6.2k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

在使用Vue进行Excel文件下载时遇到乱码问题，尝试多种解决方案无效后，最终通过调整返回类型设置位置（responseType:'blob'）于接口定义处成功解决。分享具体操作步骤与经验。

项目中使用vue，在下载excel文件的时候，遇到了乱码问题，困扰了好久，查了网上的很多资料都没用，后来查阅了一篇博客，解决了问题。后端是流的形式返回的。

我尝试把返回类型（responseType: 'blob'）写在接口调用的地方，发现还是乱码。

后来把返回类型（responseType: 'blob'）写在接口定义的地方就好了，如图1

图1

图2

aZuo0817
关注
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案
qq_41512902的博客
07-08 1万+
Vue 采用blob下载后端返回的pdf流或者excel流文件乱码问题解决方案
后端生成excel文件，VUE请求如何下载excel文件
最新发布
qq_61068952的博客
08-01 1171
这段两段代码通过Spring Boot和EasyExcel库实现了一个简单的Excel文件下载功能。它首先设置了响应头信息，然后使用EasyExcel创建ExcelWriter对象，并通过输出流将Excel数据写入到响应中，最终提供给用户下载。
vue Excel下载乱码
yxrsssssss的博客
03-20 620
原来在本项目中使用了mockjs来模拟请求后端接口获得数据，然而我看了下代码，mock并没有对这个下载接口做拦截啊，那为什么这个接口返回blob有问题了，于是我看了下mockjs的源码，大概知道原因在那了。我就发现，请求的resposeType是空，不是blob类型，识别不了，一直下载文件都是乱码，搞得我真想骂人了，到底是怎么回事，后来搜到一个博主，终于让我找到原因了。对于这个问题，搞了我两天，心态都给我怎崩溃了。心累呀，找个解决问题，刚开始后端都在找原因，怀疑自己是不是写错了。
vue下载后台excel内容乱码
qq_32438679的博客
10-20 356
https://github.com/kennethjiang/js-file-download 安装插件 return request({ url, method: ‘post’, responseType: ‘blob’ }) 添加 responseType: ‘blob’ 关闭mock
Vue Excel 文件流导出乱码快速解决方案
高大志leo的博客
05-13 3298
Vue Excel 文件流导出乱码快速解决方案，深入排查版。
Vue 采用blob下载后端返回的excel流文件乱码问题
banyiti1588的博客
07-21 3200
没有文件服务器, 前后端采用文件流方式下载,后端返回二进制乱码时,前端使用blob对象进行处理 2.采用的是axios请求方式 this.$http.post("download", { fileName: file.filename }) .then(function(response) { let blob = new Blob([response.data], {type: 'a...
vue下载excel文件接口返回乱码问题
明媚
07-16 6284
一、背景 post请求 调用接口A 下载excel文件不成功 谷歌浏览器Network查看调用接口A的Preview： 二、解决办法 1.发送post请求时添加：responseType: 'blob' 2.调用接口后添加： let blob = new Blob([res.data], { type: 'application/vnd.ms-excel' }); let url = window.URL.createObjectURL(blob); window.location.href =
Vue 采用blob下载后端返回的excel流或者pdf流文件乱码问题解决方案
weixin_44897405的博客
11-28 4141
我大意了啊，没有闪~~~~年轻人不讲5的，这真的是个坑。。。 网上有很多pdf或者excel转后台返回的流文件方法，但是下载或者预览就特么炸裂了，打开或者预览全是乱码，现在我来填坑。。。 预览pdf如下图： 这个charset=utf-8一定要添加，不添加可能乱码，如果后台返回的格式里面有，那就没必要了！ 代码： const binaryData = [] binaryData.push(res.data) // 获取blob链接 this.pdfUrl = window.URL.createObject
vue下载excel文件
pqj222的博客
08-08 3370
公司后台管理系统前端用iview做的，最近需要做个导出功能，前后台代码写完后联调，发现前台下载excel后是乱码，以下为解决办法 1、新开页面直接下载excel 由于新开页面链接和前台页面的域名不一样，导致后台拿不到登录token,业务代码会报错，所以放弃了这种方式 如果有人采取这种方式可以参考 controller代码： @GetMapping(value = "inve...
精选资源
Vue+axios+WebApi+NPOI导出Excel文件实例方法
01-19
一、前言 项目中前端采用的Element UI 框架， 远程数据请求，使用的是axios，后端接口框架采用的asp.net webapi,数据...2.采用axios请求接口，先在筛选后的数据服务端生成文件并保存，然后返回远程文件地址，再采用
html静态读取excel文件
12-13
html通过js读取自己选择的excel然后以json格式显示在页面上
Vue导出excel必备js文件
02-03
blob与Export2Excell.这两个文件是Vue导出excel必备js文件
vue下载excel文件乱码问题解决方式
swimming_sqp的博客
10-13 916
经排查是由于mockjs导致的，直接上解决方式： 一、直接注掉package.json引入的mockjs 二、修改mock.js源码 修改下的node_modules>mockjs>dist>mock.js 在8360行 把红色框部分注掉，然后修改成绿色框部分// 处理响应类型 if (!this.match) { this.custom.xhr.responseTyp...
vue 导出excel表格-乱码问题
ltf-spaceweixin_46032911的博客
05-31 807
注意：请求头加上responseType:‘blob’,否则可能会出现乱码问题 async exportExcel(){ if(this.ArrFid.length == 0) return this.$message.warning('请选择表格导出内容') const res = await http.postHandleExport({ids:this.ArrFid}) // console.log(res); var blob = new Blob(
VUE项目关于CSV导出乱码
weixin_45147505的博客
05-14 567
我遇到的问题是控制台打印信息正常，但是导出成CSV文件就乱码了。我在网上检索了一下，按照给的一些示例修改但是也不行。
SpringBoot+Vue下载Excel文件流（No converter、Excel乱码）
blucod的博客
08-14 8242
目录介绍No converterExcel乱码正确代码后端代码前端代码 介绍 后端使用SpringBoot、Mybatis Plus，前端使用Vue，进行Excel文件下载。 后端使用了Hutool工具提供的Excel文件流下载。 No converter 问题： 后端控制台出现No converter for [class com.common.lang.Result] with preset Content-Type 'application/vnd.ms-excel;charset=utf-8'的错误
Vue 文件导出出现乱码解决方法
Activiti工作流
09-09 2787
导出时前端响应是一堆乱码，但浏览器上并没有文件下载记录的文件，如图 前端vue解决方法一 关键在加blob这一步 // 下载未导入成功的数据 // api方法 downExceptionUser(data){ return service.request({ url: "questionnaire/questionnaire/downExceptionUser", method: "post", responseType: 'blob', data
在vue前端下载csv用excel打开是乱码的问题解决方案
qq_37289115的博客
03-02 3163
背景 前端下载csv文件，Excel打开乱码的问题。 前端下载代码很简单，利用HTML5的blob接口生成前端下载链接，实现下载。 那问题出在哪里呢？读入的文件是utf-8格式，下载下来Excel打开乱码，但是用其他编辑器打开并不是乱码，一开始解决问题的思路是，下载文件的时候，是不是没有指定编码方式，导致文件编码方式不对，于是乎使用了Blob里的type参数，硬塞了一个类型以及编码方式，但是这种方法似乎并不管用，仔细读了官方文档之后，关于type的解读如下： type，默认值为 “”，它代表了将会被放入到
vue下载excel乱码
05-19
Vue下载Excel文件出现乱码问题一般是因为Excel文件编码与网页编码不一致导致的。可以尝试以下方法来解决问题： 1. 在后端将Excel文件编码设置为UTF-8，例如PHP中可以使用`header('Content-Type: application/vnd.ms...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值