前提
此解决方法适用于因全局过滤器导致的问题
问题介绍
问题效果是:
CSS文件访问到,但是HTML本身没有加载样式,并且浏览器控制台输出Resource interpreted as Stylesheet but transferred with MIME type text/html的字样
问题原因
使用Servlet时,由于需要每次给request和response设置编码格式,从而使用了一个全局的过滤器,将每次的请求的数据变为 text/html 导致CSS文件无法解析。
类似于下面的代码情况
//xml配置
<filter-mapping>
<filter-name>MyFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
//java配置
public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
// 设置请求编码格式
req.setCharacterEncoding("utf-8"); //post 改变(请求实体)
// 设置响应编码格式
resp.setContentType("text/html;charset=utf-8");
chain.doFilter(req, resp);
}
解决
增加一个专门解析css文件的过滤器,并将响应格式改为 text/css
即可
//新xml配置
<filter-mapping>
<filter-name>FilterCss</filter-name>
<url-pattern>*.css</url-pattern>
</filter-mapping>
//新java配置
public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {
// 设置请求编码格式
req.setCharacterEncoding("utf-8"); //post 改变(请求实体)
// 设置响应编码格式
resp.setContentType("text/css;charset=utf-8");//修改响应编码
chain.doFilter(req, resp);
}