解决tomcat 静态页面(html)中文乱码的解决终极篇

解决tomcat静态页面（html）中文乱码需要注意以下几点：

1. 确认编码格式

html文件在文件头部分需要加上编码格式的声明，例如<meta charset="UTF-8">，这里的UTF-8可以根据实际情况进行修改，但是需要保证每个html文件的编码格式是一致的。

2. 确认服务器端的编码格式

Tomcat服务器默认是使用ISO-8859-1编码格式，需要进行修改。修改方法是打开server.xml文件，找到Connector标签，加上URIEncoding="UTF-8"属性，例如：

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

3. 确认浏览器端的编码格式

在浏览器中，需要设置相应的编码格式来显示中文。一般情况下浏览器会自动根据html文件头标签中的编码来显示，但是有时候需要手动设置编码，例如在Chrome浏览器中，可以按Ctrl + Shift + I打开开发者工具，然后在Network选项卡中选择Headers，找到Content-Type字段，并在其后面添加charset=UTF-8，如下所示：

Content-Type: text/html;charset=UTF-8

示例1：index.html文件中文乱码：

首先打开index.html文件，发现中文乱码，通过观察文件头可以发现没有进行编码声明。在文件头中添加<meta charset="UTF-8">即可解决问题。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
</head>
<body>
    <h1>欢迎来到测试页面!</h1>
    <p>这是一个测试页面。</p>
    <p>中文显示正常。</p>
</body>
</html>

示例2：浏览器中文乱码：

打开index.html文件，发现在浏览器中中文乱码。在Chrome浏览器中打开开发者工具，按照上述方法修改Content-Type字段即可解决问题。

GET /index.html HTTP/1.1
Host: localhost:8080
Connection: keep-alive
Cache-Control: max-age=0
Upgrade-Insecure-Requests: 1
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.169 Safari/537.36
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
Cookie: Idea-115b927c=b9e7a051-6c66-44b2-8a18-af7f954845f2

HTTP/1.1 200 OK
Content-Type: text/html;charset=UTF-8
Content-Length: 191
Date: Wed, 03 Jul 2019 14:17:28 GMT

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>测试页面</title>
</head>
<body>
    <h1>欢迎来到测试页面!</h1>
    <p>这是一个测试页面。</p>
    <p>中文显示正常。</p>
</body>
</html>

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：解决tomcat 静态页面(html)中文乱码的解决终极篇 - Python技术站

解决tomcat 静态页面(html)中文乱码的解决终极篇

1. 确认编码格式

2. 确认服务器端的编码格式

3. 确认浏览器端的编码格式

相关文章