IDEA中WEB项目浏览器乱码问题

一、发现乱码

今天在敲代码过程中突然发现idea控制台输出的无乱码，但是浏览器中显示的HTML却出现乱码，如下图所示

二、可能乱码原因

在web项目中，主要编码格式改变的地方有：

• 虚拟机加载文件编码
• IDE的保存文件编码
• html文件，xml文件等外部保存的编码
• web服务器入tomcat的编码

三、针对我这个问题我的解决方案

第一步

首先查看idea的编码是否设置成了UTF-8
“settings->File Encodings”，将编码方式修改为"UTF-8"

第二步

配置关联的Tomcat，如下图所示，在VM options中添加

-Dfile.encoding=UTF-8

点击"Apply->ok"

第三步

在桌面上右击IDEA图标，找到其安装位置，并在"idea.exe.vmoptions"(针对32位机器)文件和"idea64.exe.vmoptions"(针对64位机器)文件末尾添加一行

-Dfile.encoding=UTF-8

最后一步，也是最坑的一步

我在这里卡了很久都不行，最后想到可能是浏览器缓存的原因，试了一下，果然如此。将浏览器缓存清了之后，终于去除了乱码。