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

  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();
相关推荐
GISer_Jing1 天前
前端营销技术实战:数据+AI实战指南
前端·javascript·人工智能
GIS之路1 天前
使用命令行工具 ogr2ogr 将 CSV 转换为 Shp 数据(二)
前端
嘉琪0011 天前
Vue3+JS 高级前端面试题
开发语言·前端·javascript
vipbic1 天前
用 Turborepo 打造 Strapi 插件开发的极速全栈体验
前端·javascript
天涯学馆1 天前
为什么 JavaScript 可以单线程却能处理异步?
前端·javascript
Henry_Lau6171 天前
主流IDE常用快捷键对照
前端·css·ide
陶甜也1 天前
使用Blender进行现代建筑3D建模:前端开发者的跨界探索
前端·3d·blender
我命由我123451 天前
VSCode - Prettier 配置格式化的单行长度
开发语言·前端·ide·vscode·前端框架·编辑器·学习方法
HashTang1 天前
【AI 编程实战】第 4 篇:一次完美 vs 五轮对话 - UnoCSS 配置的正确姿势
前端·uni-app·ai编程
JIngJaneIL1 天前
基于java + vue校园快递物流管理系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js