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。

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

相关推荐
至少零下七度8 分钟前
npm : 无法加载文件 D:\SoftFile\npm.ps1,因为在此系统上禁止运行脚本。
前端·npm·node.js
Super毛毛穗9 分钟前
npm 与 pnpm:JavaScript 包管理工具的对比与选择
前端·javascript·npm
Libby博仙11 分钟前
VUE3 VITE项目在 npm 中,关于 Vue 的常用命令有一些基础命令
前端·vue.js·npm·node.js
JINGWHALE123 分钟前
设计模式 行为型 责任链模式(Chain of Responsibility Pattern)与 常见技术框架应用 解析
前端·人工智能·后端·设计模式·性能优化·系统架构·责任链模式
布兰妮甜39 分钟前
Three.js 扩展与插件:增强3D开发的利器
javascript·3d·three.js·扩展与插件
布兰妮甜42 分钟前
Three.js 性能优化:打造流畅高效的3D应用
javascript·3d·性能优化·three.js
木子M1 小时前
前端多端响应式适配方案
前端·javascript·css
阿巴资源站1 小时前
uniapp中修改input里的字体颜色
java·前端·uni-app
思宇说 Java1 小时前
如何让QPS提升20倍
前端·github·firefox