前端axios下载csv文件乱码

问题

现在有个后端下载csv文件的接口，在浏览器地址栏直接请求这个接口，下载的文件用office的excel打开不乱码（wps也能正常显示），但通过页面点击按钮来下载，保存的文件用office的excel打开就乱码（wps还是能正常显示）。

后端代码大概这样：

/**
 *
 * @param response
 * @param checkResultFileUrl 这个文件要求是gkb编码
 * @throws IOException
 */
@Override
public void downloadCheckResult(HttpServletResponse response, String checkResultFileUrl) throws IOException {
    response.setCharacterEncoding("GBK");
    response.addHeader("Content-Disposition", "attachment; filename=checkResult.csv");
    response.addHeader("Content-Type", "text/csv");

    ServletOutputStream outputStream = response.getOutputStream();

    InputStream is = fileStorageService.getFileInputStream(checkResultFileUrl);
    byte[] bytes = IOUtils.readFully(is, is.available());
    outputStream.write(bytes);
    outputStream.flush();
    outputStream.close();
}

前端代码大概这样：

解决方法

发起请求的时候不设置 responseType: ‘blob’,并且在downLoadFile函数中类似下面的修改

let resData ='\ufeff' + row.data;
const blob = new Blob([resData], {
    type: 'text/csv,charset=UTF-8'
});

成功！！！ 关键点是在返回的data 上加上’\ufeff’

系统推荐

• RSA 加密解密多语言实现方案
• getPath vs getAbsolutePath vs getCanonicalPath
• MyBatis
• Cordova+Umi项目搭建步骤
• JetBrains IDE 全破解
• PostgreSQL定时备份
• 异地多活
• Centos离线安装Docker
• Javassist整理
• CountDownLatch源码解读
• Java语言完成notion笔记备份
• Git历史记录修改用户名和邮箱

• 随机毒鸡汤：原定计划—好好活着，突发状况—活着好难，改变计划—今年别死。

  

文章来源于justsoso.fun: 前端axios下载csv文件乱码