JSP引入CSS文件无法生效的问题

开发工具与关键技术:eclipse、Java 
作者:幻奏
撰写时间:2020.8.8

不知道你们有没有碰到这个问题,就是css文件在jsp中无法生效,看解决办法的可以直接看下下面,前面只是我碰到问题的过程。

我刚刚开始学着用Java来实现MVC的增删查改的时候,就直接把HTML的样式直接复制到JSP中,然后把css等等文件拉到了WebContent这个文件夹里面,最后我把css文件路径中的“~/”删除掉了,接着运行了。

一开始eclipse还是没问题的,页面也可以正常显示,我就没去管它了就继续做下去了。

直到第二天,它变成这个样子了:

java JEditorPane setPage css未加载_eclipse

这他喵的css样式没了,我去看了看也没什么改了呀,为啥会出问题,然后我就把路径改成了绝对路径如图:

java JEditorPane setPage css未加载_eclipse_02

哦豁还是不行,我就去百度了一下,基本都是说路径出了问题,我也知道呀,但是我用了他们的办法都不行。直到一天后我才找出问题所在。

解决问题:原因出在了过滤器身上,为了防止中文乱码的情况,我就给它弄了个过滤器

java JEditorPane setPage css未加载_css_03

然后它就把我们的“text/css”改成了“text/html”,这就导致了我们的css文件无法生效,我们只要把setContentType注释就可以了,看上面的图。

如果你用谷歌浏览器打开没问题,而内置的IE浏览器就有问题的话,这个时候我们就要把jsp页面的注释掉或者删除掉

java JEditorPane setPage css未加载_css_04

搞好了上面的三个方法保存了,如果还是不能生效就清理一下浏览器的缓存,再重新刷新一下就可以了。

java JEditorPane setPage css未加载_eclipse jsp_05