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。

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

相关推荐
用户8417948145613 分钟前
vxe-gantt vue table 甘特图子任务多层级自定义模板用法
vue.js
还算善良_17 分钟前
【Vue】vue3实现文件预览组件(预览服务使用kkfileview)
javascript·vue.js·ecmascript
tangdou36909865518 分钟前
AI真好玩系列-Three.js手势控制游戏开发教程 | Interactive Game Development with Three.js Hand Con
前端·人工智能·ai编程
七夜zippoe20 分钟前
基于ReAct框架的智能体构建实战 - 从原理到企业级应用
前端·javascript·react.js·llm·agent·react
qinyuan1521 分钟前
使用husky和fabric规范git提交的注释
前端·后端
T___T21 分钟前
偷看浏览器后台,发现它比我忙多了
前端·浏览器
alamhubb22 分钟前
vue也支持声明式UI了,向移动端kotlin,swift看齐,抛弃html,pug升级版,进来看看新语法吧
前端·javascript·前端框架
毕设源码-邱学长22 分钟前
【开题答辩全过程】以 基于web的心理测评系统的设计与实现为例,包含答辩的问题和答案
前端
北辰alk24 分钟前
从零构建Vue项目的完全指南:手把手打造现代化前端工程
vue.js
Composure25 分钟前
在 UmiJS + Vue 3 项目中实现 WebP 图片自动转换和优化
前端·javascript