样式表单 .css 未载入，因为它的 MIME 类型 “text/html“ 不是 “text/css“。（大聪明的bug之路二）

我在使用thymeleaf引擎时遇到了这个问题，登录界面没有导入css文件，查了网上常见的几种情况，都没有解决我的问题

方向一：过滤器将静态文件的访问拦截了

这种情况只需要调整过滤器判断条件就行，这里贴上我的代码

String url = req.getRequestURL().toString();
if (!url.endsWith("/login") && !url.contains("static")) {//判断是否是登录界面或者静态资源
//代码段
}

方向二：href设置问题

需要在link标签中添加 th:href="@{路径}"

<link rel="stylesheet" type="text/css" href="static/css/auth.css" th:href="@{../webapp/static/css/auth.css}">

方向3：过滤器设置问题（这也是我遇到的问题）

res.setCharacterEncoding("UTF-8");

res.setContentType("text/html");
//问题在这一行，把这一行删除就可以，它会将.css按text/html解析，而不是text/css

另外：有的情况是没有清楚缓存的原因，可以试下ctrl+f5(火狐清理缓存刷新)