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

  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();
相关推荐
姑苏洛言1 小时前
基于微信公众号小程序的课表管理平台设计与实现
前端·后端
烛阴1 小时前
比UUID更快更小更强大!NanoID唯一ID生成神器全解析
前端·javascript·后端
Alice_hhu1 小时前
ResizeObserver 解决 echarts渲染不出来,内容宽度为 0的问题
前端·javascript·echarts
逃逸线LOF2 小时前
CSS之动画(奔跑的熊、两面反转盒子、3D导航栏、旋转木马)
前端·css
萌萌哒草头将军3 小时前
⚡️Vitest 3.2 发布,测试更高效;🚀Nuxt v4 测试版本发布,焕然一新;🚗Vite7 beta 版发布了
前端
技术小丁3 小时前
使用 HTML + JavaScript 在高德地图上实现物流轨迹跟踪系统
前端·javascript·html
小小小小宇4 小时前
React 并发渲染笔记
前端
stark张宇4 小时前
Web - 面向对象
前端·javascript
yanyu-yaya4 小时前
mac电脑安装 nvm 报错如何解决
java·前端·macos
sunbyte4 小时前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Form Wave(表单label波动效果)
前端·javascript·css·vue.js·tailwindcss