BUG出现情景描述
- 某天,JavaWeb项目正常运行,然后手动清除了一下谷歌浏览器的数据缓存

- 然后页面的css样式就丢失了,换个浏览器也是如此,谷歌浏览器的控制台窗口也没有报错,仅仅给了一个无关的警告信息,这个警告最终证明与bug无关,但有效误导了我排查问题

- 然后我换成火狐浏览器重新编译部署项目启动,火狐浏览器提示了以下错误

BUG的分析
- 项目中写了了xml配置文件格式的过滤器类,对项目路径下的所有资源的
编码格式
进行了设置,所以导致浏览器请求项目资源的时候,经过过滤器的时,编码格式被统一进行了修改,响应资源的contentType
被统一修改成了"text/html;charset=UTF-8"
格式,因此,css资源文件的类型本应该为“text/css”
,却在经过过滤器时被修改成了text/html
,因此无法解析加载,导致样式出错
- 思考一个问题,为什么在清除浏览器缓存之前启动项目都是正常的,推测如下:在写设置编码的过滤器之前,css资源已经加载到浏览器中,能够正常显示。在写过滤器之后,浏览器一直都是用的缓存中的静态资源文件,因此不会出现样式失效的问题,而当清空浏览器缓存之后,再次请求项目资源,则会经过过滤器,也就产生了以上描述的问题
- web.xml配置如下:
<filter>
<filter-name>EncodingFilter</filter-name>
<filter-class>filter.EncodingFilter</filter-class>