前端下载文件流 出现乱码 解决方案

  1. 后端返回文件格式不是 utf-8

解决方案:后端加

  1. 若添加 utf-8 后依旧乱码 请求配置中添加 responseType: 'arraybuffer',
javascript 复制代码
export function downMode() {
  return http.request({
    url: baseUrl + 'downTemplate',
    method: 'get',
    responseType: 'arraybuffer',
  });
}

下载

javascript 复制代码
    const blob = new Blob([data]); // 接口返回的文件流
    const a = document.createElement('a');
    a.style.display = 'none';
    a.href = window.URL.createObjectURL(blob);
    a.download = fileName || 'mode.xlsx';
    a.click();
    window.URL.revokeObjectURL(a.href);
    a.remove();
相关推荐
硅基动力AI3 小时前
如何判断一个关键词值不值得做?
java·前端·数据库
yq1982043011564 小时前
使用Django构建视频解析网站 从Naver视频下载器看Web开发全流程
前端·django·音视频
李明卫杭州5 小时前
在 JavaScript 中,生成器函数(Generator Function)
前端·javascript
Lethehong5 小时前
从安装到实测:基于 Claude Code + GLM-4.7 的前端生成与评测实战
前端
恋猫de小郭5 小时前
iOS + AI ,国外一个叫 Rork Max 的项目打算替换掉 Xcode
android·前端·flutter
宇木灵6 小时前
C语言基础-三、流程控制语句
java·c语言·前端
qq8406122336 小时前
Nodejs+vue基于elasticsearch的高校科研期刊信息管理系统_mb8od
前端·vue.js·elasticsearch
哆啦A梦15888 小时前
Vue3魔法手册 作者 张天禹 012_路由_(一)
前端·typescript·vue3
RaidenLiu8 小时前
别再手写 MethodChannel 了:Flutter Pigeon 工程级实践与架构设计
前端·flutter·前端框架
~央千澈~9 小时前
抖音弹幕游戏开发之第17集:添加日志系统·优雅草云桧·卓伊凡
linux·服务器·前端