java css 乱码,Tomcat中Html不显示css,汉字乱码

Tomcat中Html不显示css,汉字乱码

Tomcat中Html不显示css,汉字乱码

昨天(1024程序员节),debug了大半天,很难受…

起因:

写一个html静态页面,一直没开服务器,基本写完了开服务器测试,就崩溃了:本地打开正常,但在Tomcat上面,css不显示,中文字体乱码(u8,变成了,big5)。

本地打开:

29515203a23dd46c94bacffeb949c3ca.png

Tomcat上:

9cb22d0e6747d7c40456a83ed2f9d73f.png

尝试:

问了一大圈,可是我该编码的都弄了啊。

html:

b1af4cb2ae8eb3d74a203add8748dee1.png

Filter:

7952d7435b3d6a840ba0f5d2c8a48292.png

Project Settings:

9f66c955c0d30d6624a65b09ac3e9a1d.png

Html文件的:

3ff233250f93abc570fcaffe7eb30478.png

解决:

一直到一个学长,让我尝试重建项目,莫名其妙解决了,所以才想是不是Tomcat缓存问题。因为太晚了,就去睡觉了,结果…

4a7a88ee2d2b496392089d0052318ab6.png

最终解决了一半:

今早起来,又出问题了,同样,一模一样的问题,查阅了一些博客,找到一个解决乱码的方法,打开Tomcat安装目录的bin目录下的catalina.bat,修改 (大概在211行):

set "JAVA_OPTS=%JAVA_OPTS% %JSSE_OPTS%"

set "JAVA_OPTS=%JAVA_OPTS% %JSSE_OPTS% -Dfile.encoding=UTF8 -Dsun.jnu.encoding=UTF8"

现在得到的情况:

本地:

7613b077c0f7731935061230235e110c.png

Tomcat:

6b54055322f04ddb6fecedec2b173d79.png

没错,css还是无法加载…

之后又找了一大圈,发现问题出在过滤器,我把过滤器关了,就有css,不关,即使做最简单的处理,也是没有css。

原来的代码(没有css):

req.setCharacterEncoding("utf-8");

rep.setContentType("text/html;charset=utf-8");

rep.setCharacterEncoding("utf-8");

filterChain.doFilter(req, rep);

改了之后(还是没有):

HttpServletRequest request = (HttpServletRequest) req;

HttpServletResponse response = (HttpServletResponse) rep;

request.setCharacterEncoding("utf-8");

response.setContentType("text/html;charset=utf-8");

response.setCharacterEncoding("utf-8");

String requestURI = request.getRequestURI();

if (requestURI.contains("s/") ||

requestURI.contains("/js/") ||

requestURI.contains("/fonts/") ||

requestURI.contains("/img/") ||

requestURI.contains("/images/") ||

requestURI.contains("/error/")) {

filterChain.doFilter(request,response);

return;

}

有css:

//@WebFilter("/*")

没错,只要把过滤器搞没掉,就有css了,实在是不知道有什么其他的方法,有知道的小伙伴可以在评论区跟我讲下,枯了。

df3a146b9ad1bf1bfab6e2a6540285a3.png

Tomcat中Html不显示css,汉字乱码相关教程

【HTML CSS】笔记5日 新增特性

【HTML CSS】笔记5日 新增特性 HTML5 的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。 这些新的特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。 新特性增加了很

【HTML CSS】笔记4日 学成在线案例+素材

【HTML CSS】笔记4日 学成在线案例+素材 准备素材和工具 学成在线PSD源文件。 开发工具:PS(切图)/cutterman插件 + VScode(代码)+ Chrome(调试)。 创建study目录文件夹(用于存放我们这个页面的相关内容),并用VScode打开这个目录文件夹。 study目录内

HTML简单基础-4

HTML简单基础-4 无序列表 项目符号 square circle disc 有序列表 数字列表 默认 数字 小写字母列表 a 大写字母列表 A 罗马字母列表 I 小写罗马字母列表 i 6、框架的使用 frameset 不能在body内使用 frame 一般都是在frameset中使用 cols 定义框架集中列的数目

html frameset框架+简易注册页面(用js判断)

html frameset框架+简易注册页面(用js判断) 软件 eclipse index.html !DOCTYPE htmlhtml headmeta charset=utf-8 /title2077/title/head frameset rows=15%,*,15% border=3 framespacing=1frame src=top.html name=faframeset cols=25%,*frame src=left.html

Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)

Python不换行输出和不换行输出end=““不显示的问题(亲测已解决) 文章目录 print()函数原理 不换行输出 输出不显示 print()函数原理 python使用print()函数输出时,我们先了解一下print()函数具体实现: 描述 print() 方法用于打印输出,最常见的一个函数。

js 多级菜单渲染

js 多级菜单渲染 实现效果 html div id=menu/div js代码: let json = [ { name: 一级菜单1, children: [ { name: 二级菜单1, children: [ { name: 三级菜单1, children: [ { name: 四级菜单1,path:'menu4/menu1' }, { name: 四级菜单2 ,path:'menu4/menu2'},

html中嵌入php代码,php中嵌入html代码

html中嵌入php代码,php中嵌入html代码 html中嵌入php代码(以.html结尾的文件) index.html !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 title错误:html中嵌套php/title/headbody?php echo 'hello world'?/body/html 运行结果 如果使用框架,比如think

提问名单制作

提问名单制作 1、页面结构 2、HTML代码 !DOCTYPE htmlhtml lang=enhead meta charset=UTF-8 meta name=viewport content=width=device-width, initial-scale=1.0 title抽奖名单/title/headstyle img{ width: 240px; height: 200px; } div:nth-of-type(2){ wid

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值