IntelliJ IDEA启动Tomcat后访问HTML页面解决中文乱码

概述

在 IntelliJ IDEA 中写好 Web 项目后启动 Tomcat 成功后,在浏览器中访问 HTML 页面,会发生中文乱码的问题,本人尝试以下方法后成功解决,希望可以帮助到大家。

解决方法

一、设置 IntelliJ IDEA

1、修改 IDEA 文件idea64.exe.vmoptions(在idea安装目录里bin文件夹,还有一个32位的,按照自己的需求改。如果实在搞不清楚要该哪个,可以把 32 位和 64 位的都改了)里面末尾添加一行

-Dfile.encoding=UTF-8

保存后,重新启动 IntelliJ IDEA 。

2、在 IntelliJ IDEA 中,打开 File -> Settings

在这里插入图片描述

在左侧窗口中打开 Editor -> File Encodings ,在右侧窗口中将编码格式都改成 UTF-8。

在这里插入图片描述

二、设置 Tomcat

1、打开 Tomcat 根目录下的 conf 目录,找到 web.xml 和 server.xml

在这里插入图片描述

2、修改 web.xml 文件,根据下图添加以下代码

<init-param>
    <param-name>fileEncoding</param-name>
    <param-value>UTF-8</param-value>
</init-param>

在这里插入图片描述

3、修改 server.xml 文件,根据下图添加以下代码

<Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" URIEncoding="UTF-8" />

在这里插入图片描述

4、(可选,本人设置后在 IDEA 里运行 Tomcat 后会提示XX不是内部或外部命令,也不是可运行的程序或批处理文件。而这步本人略去后也没有什么影响,所以可以根据实际情况考虑是否要完成这一步骤)打开 Tomcat 根目录下的 bin 目录,找到 catalina.bat

在这里插入图片描述

在 set "JAVA_OPTS=%JAVA_OPTS% %JSSE_OPTS%"下面添加

Dfile.encoding=UTF8 -Dsun.jnu.encoding=UTF8

在这里插入图片描述

三、修改 html 文件

在 html 中的 head 之间,添加

< meta http-equiv="Content-Type" content="text/html; charset=utf-8">

四、清除浏览器缓存

以 Google Chrome 为例。

1、进入设置

在这里插入图片描述

2、在左侧找到“隐私设置和安全性”

在这里插入图片描述

3、在右侧找到“清除浏览数据”

在这里插入图片描述

4、清除即可

在这里插入图片描述

经过这些设置之后,重新运行项目,应该不会再出现乱码的问题了。

评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Chen Xingxu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值