用 docker-compose 部署完 RuoYi-Vue-Plus 后,打开前端页面:

乱码长这样:系统管ç†、租户管ç†
看到这个 pattern 第一反应是编码问题,但问题出在哪一环?
先看 Nginx 的 Content-Type 头:
复制代码curl -sI
# Content-Type: text/html; charset=utf-8
Nginx 没问题。
检查编译产物的 UTF-8 字节:
复制代码# "系统" 的 UTF-8 应该是 e7 b3 bb
xxd /usr/share/nginx/html/assets/index-*.js | grep "e7b3"
# 找到了,UTF-8 字节是正确的
前端也没问题。
这是关键一步。用 Python 直接读取 API 返回的原始字节:
复制代码import urllib.request
# ... login 省略 ...
resp = urllib.request.urlopen(req)
raw = resp.read()
print(repr(raw[:200]))
输出:
复制代码b'{"meta":{"title":"xc3xa7xc2xb3xc2xbb...'
发现问题了!正常"系统管理"的 UTF-8 应该是:
复制代码xe7xb3xbbxe7xbbx9fxe7xaexa1xe7x90x86
但实际返回的是:
复制代码xc3xa7xc2xb3xc2xbbxc3xa7xc2xbb...
每个原始 UTF-8 字节前面都多了一个 xc3 或 xc2。
这就是经典的 Mojibake(双重编码):
复制代码原始 UTF-8: E7 B3 BB → "系"
被当 Latin-1: ç ³ » → 3 个 Latin-1 字符
再 UTF-8 编码: C3 A7 C2 B3 C2 BB → 6 个字节
直接查 MySQL:
复制代码SELECT menu_name, HEX(menu_name), LENGTH(menu_name), CHAR_LENGTH(menu_name)
FROM sys_menu WHERE menu_id = 1;
复制代码+----------+----------------------------------------------+--------+----------------+
| menu_name| HEX(menu_name) | LENGTH | CHAR_LENGTH |
+----------+----------------------------------------------+--------+----------------+
| 系统管理 | C3A7C2B3C2BBC3A7C2BBC5B8C3A7C2AEC2A1C3A7... | 25 | 12 |
+----------+----------------------------------------------+--------+----------------+
CHAR_LENGTH = 12:MySQL 以为这是 12 个"字符"(实际是 12 个 Latin-1 字符)LENGTH = 25:实际 25 个字节CHAR_LENGTH = 4,LENGTH = 12,HEX 为 E7B3BBE7BB9FE7AEA1E79086数据库里存的就是双重编码的数据!
检查 MySQL 连接的字符集:
复制代码SHOW SESSION VARIABLES LIKE 'character_set%';
复制代码| character_set_client | latin1 |
| character_set_connection | latin1 |
| character_set_results | latin1 |
| character_set_server | utf8mb4 |
虽然 character_set_server = utf8mb4,但 character_set_client = latin1!
问题链条:
复制代码SQL 文件 (UTF-8: 系统管理 = E7B3BB E7BB9F E7AEA1 E79086)
↓
mysql 客户端 (character_set_client = latin1)
↓
MySQL 服务器认为输入是 Latin-1,按 Latin-1 存储
↓
每个 UTF-8 字节被当成独立的 Latin-1 字符
↓
存储结果变成双重编码: C3A7C2B3C2BB...
--character-set-server=utf8mb4 不够?你的 docker-compose.yml 可能已经配了:
复制代码mysql:
image: mysql:8.0
command:
--character-set-server=utf8mb4
--collation-server=utf8mb4_general_ci
但这只设置了服务端(server)的默认字符集。docker-entrypoint-initdb.d 执行 SQL 文件时,用的是mysql 客户端连接,而 mysql 客户端的 character_set_client 默认取决于操作系统 locale。
MySQL 官方 Docker 镜像基于 Oracle Linux / Debian,默认 locale 是 C 或 POSIX,映射到 MySQL 就是 latin1。
所以即使你设了 --character-set-server=utf8mb4,initdb 阶段的 mysql 客户端连接仍然是 latin1。
--init-connect 也不行?你可能试过:
复制代码command:
--init-connect="SET NAMES utf8mb4"
--init-connect 对 root 用户不生效(MySQL 安全策略)。而 docker-entrypoint-initdb.d 的 SQL 就是用 root 执行的,所以这个配置完全无效。
在每个 SQL 文件的第一行加 SET NAMES utf8mb4;:
复制代码SET NAMES utf8mb4;
-- ----------------------------
-- 原来的内容...
-- ----------------------------
create table sys_social
(
...
);
然后删除数据卷,重新初始化:
复制代码docker compose down -v # 删除数据卷
docker compose up -d # 重新启动,重新执行 initdb.d
验证:
复制代码SELECT menu_name, HEX(menu_name), CHAR_LENGTH(menu_name)
FROM sys_menu WHERE menu_id = 1;
复制代码+----------+----------------------------------+--------------+
| menu_name| HEX(menu_name) | CHAR_LENGTH |
+----------+----------------------------------+--------------+
| 系统管理 | E7B3BBE7BB9FE7AEA1E79086 | 4 |
+----------+----------------------------------+--------------+
CHAR_LENGTH = 4,HEX 是正确的 UTF-8,搞定。
| 方案 | 是否有效 | 原因 |
|---|---|---|
--character-set-server=utf8mb4 | 只影响 server 层,不影响 client 连接 | |
--init-connect="SET NAMES utf8mb4" | root 用户不执行 init_connect | |
-e LANG=C.UTF-8 | ️ 部分 | 只对 BMP 字符有效,emoji 等扩展字符仍有问题 |
[client] default-character-set=utf8mb4 | 在 my.cnf 里配置,但需要挂载自定义配置文件 | |
SQL 文件头部加 SET NAMES utf8mb4; | 最简单、最可靠,不依赖任何外部配置 |
??? 或方块,而是 系统 这种"看起来像编码问题但又不太确定"的字符串SHOW VARIABLES 显示 character_set_server=utf8mb4,让人以为配置没问题file 命令检查 SQL 文件确实是 UTF-8,但写入时被 mysql 客户端转码了MySQL Docker 镜像的 docker-entrypoint-initdb.d 机制,mysql 客户端默认 charset 是 latin1 而不是 utf8mb4。 这是一个从 2016 年就有人报告的问题(docker-library/mysql#131、#708),至今仍是默认行为。
如果你的 SQL 文件包含非 ASCII 字符(中文、日文、韩文、emoji 等),务必在每个 SQL 文件的第一行加 SET NAMES utf8mb4;,否则数据会被双重编码写入数据库。
参考: