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。

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

相关推荐
讯方洋哥28 分钟前
应用冷启动优化
前端·harmonyos
speedoooo32 分钟前
未来的App不再需要菜单栏?
前端·ui·容器·小程序·web app
猿究院_xyz1 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
IT_陈寒1 小时前
Redis性能翻倍的5个冷门技巧,90%开发者都不知道的深度优化方案
前端·人工智能·后端
清水迎朝阳1 小时前
监听 edge大声朗读 样式变化
前端·edge
油丶酸萝卜别吃1 小时前
修改chrome配置,关闭跨域校验
前端·chrome
刺客xs1 小时前
Qt-----QSS样式表
开发语言·javascript·qt
m0_740043732 小时前
3、Vuex-Axios-Element UI
前端·javascript·vue.js
阿蒙Amon2 小时前
JavaScript学习笔记:14.类型数组
javascript·笔记·学习
风止何安啊2 小时前
一场组件的进化脱口秀——React从 “类” 到 “hooks” 的 “改头换面”
前端·react.js·面试