vue 导出excel乱码问题

今天做一个导出excel的功能,导出文件显示乱码,分析接口无问题,后修改如下:

1.接口的response类型:类型设置为blob

复制代码
// 导出信息
export const exportInfo = (data: any, config = { timeout: 6000, responseType: "blob" }) => {
  return http.post(`xxx`, data, config);
};
  1. 下载处理,设置文件类型:

    let url = window.URL.createObjectURL(new Blob([res],{type:"application/vnd.ms-excel;charset=UTF-8"}));
    let link = document.createElement('a');
    link.style.display = 'none';
    link.href = url;
    link.setAttribute('download', fileName+suffix);
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    window.URL.revokeObjectURL(url);

文件类型设置为:application/vnd.ms-excel;charset=UTF-8。

通过以上 操作基本可以解决中文乱码的问题。

相关推荐
奋斗猿12 小时前
五年前端复盘:模块化开发的3个阶段,从混乱到工程化
前端
奋斗猿12 小时前
中级前端避坑指南:图片优化没那么简单,这5招让页面快到飞起
前端
布茹 ei ai13 小时前
地表沉降监测分析系统(vue3前端+python后端+fastapi+网页部署)(开源分享)
前端·python·fastapi
不一样的少年_13 小时前
WebTab等插件出事后:不到100行代码,带你做一个干净透明的新标签页
前端·javascript·浏览器
幸运小圣13 小时前
关于Vue 3 <script setup> defineXXX API 总结
前端·javascript·vue.js
500佰13 小时前
AI 财务案例 普通财务人的AI in ALL
前端·人工智能
军军36013 小时前
动态星空粒子效果
前端
n***i9513 小时前
重新定义前端运行时:从浏览器脚本到分布式应用层的架构进化
前端·架构
AAA阿giao13 小时前
从零开始:用 Vue 3 + Vite 打造一个支持流式输出的 AI 聊天界面
前端·javascript·vue.js
玉宇夕落13 小时前
Vue 3 实现 LLM 流式输出:从零搭建一个简易 Chat 应用
前端·vue.js