一次性彻底解决 Web 工程中文乱码问题

一、IDEA 控制台乱码

1. IDEA 中设置文件编码为 UTF-8

   

2. 修改 IDEA 安装目录 bin 下的 idea.exe.vmoptions 和 idea64.exe.vmoptions，行尾追加 -Dfile.encoding=UTF-8

   

3. IDEA 设置控制台打印使用 UTF-8 编码

   

二、请求数据乱码

WARNING：配置完之后一定要记得清除浏览器缓存！！！

1. IDEA 中修改 Tomcat 使用 -Dfile.encoding=UTF-8

   

2. 修改 Tomcat 安装目录 conf 下的 server.xml，在 <Connector/> 标签中添加 URIEndcong="UTF-8" 解决 GET 请求乱码

   

3. 修改 Tomcat 安装目录 bin 下 catalina.bat，在如下位置添加 -Dfile.encoding=UTF-8（-Dfile 前只能有一个空格）

   

4. HTML 页面中引入 JavaScript 文件时使用 UTF-8 编码

   <script type="text/javascript" charset="UTF-8" th:src="@{/static/js/login.js}"></script>
   

5. 清除浏览器缓存，重启 Tomcat

三、部署 Linux 乱码

1. pom.xml 中设置 Maven 项目打包时使用 UTF-8 编码，避免生成的字节码文件不是 UTF-8 编码部署到远程服务器后再次乱码

   <properties>
       <maven.compiler.source>8</maven.compiler.source>
       <maven.compiler.target>8</maven.compiler.target>
       <spring.version>5.3.1</spring.version>
       <!-- Maven 打包编码指定为 UTF-8，避免工程部署到远程服务器后乱码 -->
       <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
       <!-- Maven 打包时跳过测试 -->
       <maven.test.skip>true</maven.test.skip>
   </properties>