Thymeleaf引入CSS需分别指定text/css与stylesheet/css类型问题咨询

根因分析 #

你遇到的现象本质是两个CSS请求实际没有返回正确的CSS文件内容，后端返回的是JSON格式的错误响应（比如权限拦截报错、404资源不存在等），浏览器提示的application/json是实际响应的MIME类型，和你写的type属性无关，修改type能生效只是临时偶发的伪解决方案。
补充：stylesheet/css不是IANA官方认可的样式表MIME类型，标准CSS文件的固定MIME类型只有text/css，不需要也不应该使用其他值。

排查修复步骤 #

• 优先打开浏览器开发者工具的「网络」面板，查看两个CSS请求的完整信息：
  1. 确认响应状态码是否为200，若为4xx/5xx说明资源请求本身失败
  2. 查看响应体内容，确认返回的是CSS代码，还是JSON格式的错误提示（比如未登录、无权限的结构化报错）
• 修正所有<link>标签的type属性为标准值text/css，删除非标准的stylesheet/css写法
• 检查后端静态资源配置：
  1. 确认你的静态资源目录包含/real-fun/css/路径，比如SpringBoot项目默认需要将CSS文件放在src/main/resources/static/real-fun/css/下才能直接访问
  2. 检查全局拦截器、过滤器、权限校验规则是否拦截了静态资源请求，将.css后缀的静态资源加入拦截白名单，避免请求被拦截后返回JSON错误
• 若确认静态资源访问正常，但服务端返回的Content-Type响应头错误，可在服务端强制配置.css后缀文件的响应MIME类型为text/css，比如SpringBoot项目可添加配置：

  spring.mvc.contentnegotiation.media-types.css=text/css
  

常见疑问解答 #

CSS文件的标准MIME类型固定为text/css，不存在需要指定其他MIME类型的场景。所有需要修改为非标准type才能加载的情况，本质都是资源请求链路存在错误，修改type只是绕过了浏览器的严格MIME校验，并没有解决根本问题。

内容的提问来源于stack exchange，提问作者user6151400