欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

解决vue下载后台传过来的乱码流的问题

程序员文章站 2022-04-29 09:08:28
后台返回的乱码流解决办法:请求方式用的是axios,主要加关键的 {responsetype: 'blob'}axios封装下载插件 npm install js-file-download -s运用...

后台返回的乱码流

解决vue下载后台传过来的乱码流的问题

解决办法:

请求方式用的是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下载后台传过来的乱码流的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。