必须将html文件保存为utf-8无bom格式并严格在开头插入，仅靠meta标签不够；批量修复需用powershell或iconv重编码文件内容，再验证http响应头、文件字节和document.characterset三者一致。
meta charset 必须写在每个 HTML 文件的 最前面，但仅靠它不够——文件本身保存为 UTF-8（无 BOM）才是硬前提。批量设置失败，90% 是编辑器没批量重编码，不是标签写错了。
用命令行批量转存为 UTF-8（无 BOM）
Windows PowerShell 或 Linux/macOS 终端均可执行，直接改文件内容编码，不依赖编辑器 GUI：
- 先确认当前目录下所有
.html文件：使用Get-ChildItem *.html（PowerShell）或ls *.html（bash） - PowerShell 批量转码（推荐）：
Get-ChildItem *.html | ForEach-Object { $content = Get-Content $_.FullName -Raw; [System.IO.File]::WriteAllText($_.FullName, $content, [System.Text.UTF8Encoding]::new($false)) }其中$false表示「无 BOM」，这是关键 - Linux/macOS 可用
iconv：for f in *.html; do iconv -f GBK -t UTF-8 "$f" -o "${f%.html}_utf8.html" && mv "${f%.html}_utf8.html" "$f"; done注意把-f GBK换成你原始编码（如GB2312、ISO-8859-1），不确定时先用file -i *.html查
批量插入 <meta charset="UTF-8"> 到
插入位置必须严格：在 起始标签后、任何其他标签（包括 <title></title>、注释、空格）之前。否则浏览器可能跳过解析。
- PowerShell（Windows）：
(Get-Content file.html -Raw) -replace '', '<meta charset="UTF-8">' | Set-Content file.html
注意：该正则会破坏已有<meta charset>，建议先grep -l "charset" *.html排查 - Linux/macOS（sed）：
sed -i 's//<meta charset="UTF-8">/g' *.html
macOS 上需加空格：sed -i '' 's/.../.../g' *.html - 别用「替换全部」粗暴操作：如果文件里有
<meta http-equiv="Content-Type" ...>，重复插入会导致双charset声明，部分旧浏览器会按第一个生效（可能还是 GBK）
验证是否真生效：三处必须一致
乱码不是“看起来像”，而是浏览器底层解码失败。只看页面显示中文正常 ≠ 编码设置成功。
- 打开开发者工具 → Network → 刷新 → 点开 HTML 请求 → 查
Response Headers中的content-type：如果是text/html; charset=iso-8859-1或空，说明 Web 服务器没配，默认覆盖了meta - 用十六进制编辑器（如 VS Code 插件 Hex Editor）打开任意一个 HTML 文件，看前 3 字节是不是
EF BB BF—— 如果是，就是带 BOM 的 UTF-8，**必须删掉**；如果不是，且开头是 ASCII 字符（如），才符合「UTF-8 无 BOM」规范 - 在浏览器控制台输入
document.characterSet，返回值必须是"UTF-8"；若为"GBK"或"windows-1252"，说明上面两步至少有一处失败
最容易被忽略的是：批量脚本处理完后，没检查个别文件是否已有 meta charset 或含 BOM。一个文件出错，整批上线就可能在某台 Windows 电脑上集体乱码——因为 Notepad 默认用 ANSI 打开，而 ANSI 在不同地区对应不同编码（简体中文系统是 GBK）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
