RuoYi-Vue-Plus Docker部署踩坑:MySQL中文双重编码根因与修复

作者:技术拾光时间:2026-07-18 08:34:02浏览:387

RuoYi-Vue-PlusDocker部署中,MySQL初始化客户端字符集默认latin1,导致UTF-8字节被双重编码,中文显示乱码。在SQL文件首行添加SETNAMESutf8mb4;并重新初始化即可修复。

现象

使用 docker-compose 部署 RuoYi-Vue-Plus 后,打开前端页面会发现菜单和面包屑中的中文显示为乱码,例如 、§·。但按钮上的“新增”“修改”“删除”以及表头“角色名称”“权限字符”却显示正常。这种模式表明是编码问题,但需要确定具体出在哪个环节。

RuoYi-Vue-Plus Docker部署踩坑:MySQL中文双重编码根因与修复

排查过程

Step 1:排除 Nginx

首先检查 Nginx 响应头,Content-Type 明确包含 charset=utf-8,没有问题,跳过。

 复制代码curl -sI 
# Content-Type: text/html; charset=utf-8 

Step 2:排除前端 JS 编码

检查编译产物中的字符串字节。例如,“系统”的 UTF-8 编码应为 e7 b3 bb,使用 xxd 搜索后确认前端 JS 文件中的 UTF-8 字节正确,前端没有问题。

 复制代码# "系统" 的 UTF-8 应该是 e7 b3 bb
xxd /usr/share/nginx/html/assets/index-*.js | grep "e7b3"
# 找到了,UTF-8 字节是正确的

Step 3:检查 API 响应原始字节

这是关键一步。直接使用 Python 读取 API 返回的原始字节,不经过任何解码:

 复制代码import urllib.request
# ... login 省略 ...
resp = urllib.request.urlopen(req)
raw = resp.read()
print(repr(raw[:200]))

输出结果:

 复制代码b'{"meta":{"title":"\xc3\xa7\xc2\b3\xc2\xbb...'

发现问题了!正常的“系统管理”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 个字节

Step 4:确认是数据库层的问题

直接查询 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

数据库里存储的就是双重编码的数据!

Step 5:定位 MySQL 初始化的 charset 问题

检查 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;最简单、最可靠,不依赖任何外部配置

为什么这个问题很难排查?

  1. 静态文字正常:Vue 模板里的中文按钮不受影响,只有数据库返回的动态数据乱码
  2. 乱码不是问号:不是典型的 或方块,而是 这种“看起来像编码问题但又不太确定”的字符串
  3. server charset 误导:SHOW VARIABLES 显示 character_set_server=utf8mb4,让人以为配置没问题
  4. SQL 文件本身是 UTF-8:使用 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;,否则数据会被双重编码写入数据库。


参考:

  • docker-library/mysql#131 - UTF8 Encoded SQL Scripts in initdb
  • docker-library/mysql#708 - utf8 dump imported as latin1
  • MySQL 8.0 Reference - Character Sets