filter过滤器导致css失效的问题

filter过滤器导致css失效的问题

问题简述:路径没错,有时可以正常测试,但有时CSS会无端失效。

老师您好,

在测试时遇到浏览器Console问题

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/mysqlHomework/admin/css/reg.css".

这个问题有个神奇的现象,我只要把过滤器的映射路径注释掉,刷新浏览器页面,然后再把过滤器的映射路径改回来,问题就消失了。但不用多久,这个问题又重新出来了。原因找了很久,不确定是否是下面这个原因

http://img1.sycdn.imooc.com//climg/5da4887709d9272903070140.jpg

请求头希望接收到的是css类文件,但响应头回应的却是html,很奇怪。正常显示的页面请求是css,响应也是css,但这个不知道是什么原因,然后尝试在java中修改响应头的contentType,但没有用。

http://img1.sycdn.imooc.com//climg/5da488f809e8d98605760171.jpg

eclipse控制台显示修改成功,但浏览器网页上却还是没有变化。css还是失效

http://img1.sycdn.imooc.com//climg/5da48955091b432705760469.jpg

没有设置的路径不知道为什么会显示null?

网上有个贴子,但不懂别人代码中的参数(s:“Accept”)(s:“charset”)是什么意思,也不想照抄。

里面的思路也不理解,为什么没有主动设置contentType为text/css也能解决问题?

这里是链接:https://blog.csdn.net/sky_cui/article/details/86703706

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好。这是因为同学的css总会被权限过滤拦截到,它符合它的匹配条件。即便是在字符过滤时改变了contextType,在后续的转发到Tomcat内部中依旧会改变类型。http://img1.sycdn.imooc.com//climg/5da6e241092c6b2712160572.jpg

建议同学将css换一个地方,admin这个文件夹中只放置需要被保护的jsp即可。css、js、img等都属于静态资源,不适合放在其中。

http://img1.sycdn.imooc.com//climg/5da6e1ef097d25d703870405.jpg

如果解答了同学的疑问,望采纳~

祝学习愉快~

提问者 超人迪加123 2019-10-15 23:23:27

有时CSS失效,有时又正常。请老师帮我看一下,麻烦了。

如果这个回复内的图片提供的信息不够,老师可以直接下载我导出的压缩包查看问题。

java数据库开发与实战应用7-2作业压缩包

所有页面的CSS都像这个页面一样失效,这张图片是控制台警告

http://img1.sycdn.imooc.com//climg/5da5e25609f7e3d805760307.jpg

下面这张是请求与响应

http://img1.sycdn.imooc.com//climg/5da5e27b0998d3db05760308.jpg

下面这3张图片是控制台的请求头与响应头,请求CSS文件响应了HTML文件

http://img1.sycdn.imooc.com//climg/5da5e2c509812d7d05760295.jpghttp://img1.sycdn.imooc.com//climg/5da5e2d0090f53b205760295.jpghttp://img1.sycdn.imooc.com//climg/5da5e2de094375ee05760282.jpg

下面这张是jsp代码的CSS链接部分。

http://img1.sycdn.imooc.com//climg/5da5e2f409be38f305760272.jpg

下面是字符集过滤器

http://img1.sycdn.imooc.com//climg/5da5e30c098001ff05760218.jpghttp://img1.sycdn.imooc.com//climg/5da5e3140996e31505760352.jpg

下面是登录权限过滤器

http://img1.sycdn.imooc.com//climg/5da5e32709419e6905760217.jpg

http://img1.sycdn.imooc.com//climg/5da5e33009a234da05760292.jpg

下面是eclipse左侧的项目工程列表窗口

http://img1.sycdn.imooc.com//climg/5da5e37009f2602a02850602.jpg

http://img1.sycdn.imooc.com//climg/5da5e37b09476f4d02900530.jpg

http://img1.sycdn.imooc.com//climg/5da5e398094ef41603050166.jpg

下面这3张是XML配置文件

http://img1.sycdn.imooc.com//climg/5da5e3aa0940ba1305760198.jpghttp://img1.sycdn.imooc.com//climg/5da5e3b1095bf33305760263.jpg

http://img1.sycdn.imooc.com//climg/5da5e3b809380edb05760216.jpg

提问者 超人迪加123 2019-10-14 23:26:03

以前做同类型的项目练习时,从来没遇到过。

  • 同学你好,请同学将web.xml、相关的filter、html、css代码。同学测试输出的代码以及Eclipse整个截图、浏览器整个截图(注意要有F12窗口和地址栏)。还有项目目录展开截图贴一下。方便老师在这边复现同学的问题呢。注意代码不要贴在回复中,会丧失代码格式。可以以回答这个问答的形式贴入。祝学习愉快~
    2019-10-15 11:54:30
  • 提问者 超人迪加123 回复 芝芝兰兰 #2
    麻烦老师帮忙看一下,谢谢了。 如果前面回答的图片不够详细,可以直接下载压缩包查看问题。 链接:https://pan.baidu.com/s/1cFaWtf7Bko2goOTr6ZLM4A
    2019-10-15 23:26:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师