CSV导出重音字符乱码求助：Excel显示异常如何解决？

问题核心在于Excel对UTF-8编码CSV的识别规则：默认情况下，Excel不会自动检测UTF-8编码，必须在文件开头添加UTF-8 BOM（字节顺序标记），才能让Excel正确解析UTF-8字符；否则会用系统默认的ANSI编码（比如Windows-1252）解析，导致重音字符（如é、É）显示为é、É这类乱码。

解决方案1：给CSV内容添加UTF-8 BOM并调整原逻辑 #

直接在CSV内容开头插入BOM字符\uFEFF，利用encodeURIComponent自动转换为正确的UTF-8字节序列：

修改调用代码：

// 开头添加UTF-8 BOM，无需多余的decodeURI
let data = '\uFEFFa;b;é;É';
this.download(data, 'test.csv', 'data:text/csv;charset=utf-8');

原下载函数无需大幅修改：

download(content, fileName, mimeType): boolean {
  const a = document.createElement('a');
  mimeType = mimeType || 'application/octet-stream;charset=UTF-8';

  a.href = 'data:' + mimeType + ',' + encodeURIComponent(content);
  a.setAttribute('download', fileName);
  document.body.appendChild(a);
  setTimeout(() => {
    a.click();
    document.body.removeChild(a);
  }, 66);
  return true;
}

解决方案2：改用Blob实现下载（更稳定） #

Blob API能直接处理编码和文件内容，避免URI编码的潜在问题，是更可靠的实现方式：

替换原下载函数：

download(content, fileName, mimeType) {
  // 自动插入UTF-8 BOM并创建Blob对象
  const blobContent = '\uFEFF' + content;
  const blob = new Blob([blobContent], { 
    type: mimeType || 'text/csv;charset=utf-8' 
  });
  const url = URL.createObjectURL(blob);
  
  const a = document.createElement('a');
  a.href = url;
  a.download = fileName;
  document.body.appendChild(a);
  a.click();
  
  // 清理临时资源
  document.body.removeChild(a);
  URL.revokeObjectURL(url);
  return true;
}

调用时无需手动加BOM：

let data = 'a;b;é;É';
this.download(data, 'test.csv', 'text/csv;charset=utf-8');

验证效果 #

修改后导出的CSV文件开头会包含UTF-8 BOM，Excel打开时会自动识别为UTF-8编码，重音字符é、É即可正常显示。

内容的提问来源于stack exchange，提问作者nuk maccon