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。

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

相关推荐
光影少年4 分钟前
前端如何虚拟列表优化?
前端·react native·react.js
Moment6 分钟前
一杯茶时间带你基于 Yjs 和 reactflow 构建协同流程图编辑器 😍😍😍
前端·后端·面试
菩提祖师_19 分钟前
量子机器学习在时间序列预测中的应用
开发语言·javascript·爬虫·flutter
invicinble23 分钟前
对于前端数据的生命周期的认识
前端
PieroPc27 分钟前
用FastAPI 后端 和 HTML/CSS/JavaScript 前端写一个博客系统 例
前端·html·fastapi
未来之窗软件服务28 分钟前
幽冥大陆(九十二 )Gitee 自动化打包JS对接IDE —东方仙盟练气期
javascript·gitee·自动化·仙盟创梦ide·东方仙盟
名字越长技术越强29 分钟前
html\css\js(一)
javascript·css·html
hunter145033 分钟前
2026.1.4 html简单制作
java·前端·笔记·html
鹏程十八少34 分钟前
Android 深入剖析Android内存泄漏:ViewPager2与Fragment的生命周期陷阱
android·前端·app
李少兄34 分钟前
深入理解 CSS opacity 属性
前端·css