解决vue下载后台传过来的乱码流的问题
程序员文章站
2022-04-29 09:08:28
后台返回的乱码流解决办法:请求方式用的是axios,主要加关键的 {responsetype: 'blob'}axios封装下载插件 npm install js-file-download -s运用...
后台返回的乱码流
解决办法:
请求方式用的是axios,主要加关键的 {responsetype: 'blob'}
axios封装
下载插件 npm install js-file-download -s
运用:
下载excel时,后台设置了excel标题,要去请求头去取,传输过程中文会有乱码的情况,需要编码下。
let filedownload = require("js-file-download");
filedownload(res.data,decodeuricomponent(res.headers['content-disposition'].split("=")[1]));
补充知识:vue下载后台接口返回的二进制流文件转为excel文件
我就废话不多说了,大家还是直接看代码吧~
此时注意 responsetype:"arraybuffer", 在vue框架当中,数据请求是借助axios的,为此,在发送请求的时候,需要修改responsetype,改为arraybuffer,axios默认情况下responsetype为json,若是不修改,很可能下载时候会是乱码,或者为null。
以上这篇解决vue下载后台传过来的乱码流的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。