最近几天碰到一个很诡异的问题,让我非常头疼,好不容易才解决,故做此记录。
现象描述
1、最早出现是在昨天的一次网页调试中,网页调试时,我对网页进行了F5,清除缓存的重载操作,然后就出现了css和js一直加载不出的情况。
2、首先我确定我当时调试前做的操作,不会对css或者js的加载产生什么影响。
3、然后我反复检查css以及js的目录没有问题。
4、我甚至重装了eclipse和浏览器以及tomcat,问题始终得不到解决。
5、最为恼火的是,eclipse中一直未出现什么告警信息。
分析
经人提示,偶然发现,利用360极速浏览器的调试工具中的console台有存在告警信息如下:
Resource interpreted as Stylesheet but transferred with MIME type text/html:
网上查询资料可得,原因竟然是出在我过滤器上,即filter,在我的网页中我加了filter,只是之所以加过滤器的时候,以及后面一段时间没有出现问题,可能是因为之前没有清理缓存。
解决
解决方法也很简单,在过滤器中,添加如下代码即可:
if(uri.contains(".css")||uri.contains(".js")){
chain.doFilter(request, response);
}
问题得以解决。
总结
除了看eclipse的console台,还需要关注浏览器的console,调试台的信息不能放过!