css样式无法加载Refused to apply style from ‘http://localhost:8080/stat...

我用的springboot2.0 网页f12查看发现错误 Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME type (‘application/json’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. 在网上找了一些原因，最终发现是引用css的地方有问题，这也是最蛋疼的地方模板是找的，可是无法使用样式。 加了配置类也没有效果 最后去掉了…/static 在开发Web应用时，我们经常会遇到“Refused to apply style from ‘URL’ because its MIME type is not a supported stylesheet MIME type”的错误，这个问题通常涉及到CSS样式表的加载问题。在这个具体的案例中，开发者在使用Spring Boot 2.0构建的Web应用中遇到了这个错误，错误信息显示，浏览器拒绝应用来自`http://localhost:8080/static/css/style.css`的样式，因为其MIME类型（'application/json'）不是支持的样式表MIME类型，而且严格的MIME检查已经启用。 我们需要了解MIME类型（Multipurpose Internet Mail Extensions）在网络中的作用。MIME类型是用来标识文件类型的，例如，CSS文件的正确MIME类型应该是`text/css`。当服务器返回的MIME类型不正确时，浏览器会拒绝解析该资源，导致样式无法正常应用。 在这种情况下，错误信息指出，样式文件被识别为`application/json`，这是一个用于JSON数据的MIME类型，而不是CSS样式表。这通常意味着服务器在处理请求时，错误地将CSS文件当作JSON数据来发送。 有几种可能的原因和解决方法： 1. 配置错误：检查Spring Boot的静态资源配置。Spring Boot默认会自动处理静态资源，如`/static`目录下的CSS、JavaScript等文件。确保你的配置没有错误地将CSS文件路由到错误的处理器或者设置了错误的MIME类型。 2. 静态资源配置：在Spring Boot中，通常在`application.properties`或`application.yml`文件中配置静态资源路径。确保配置正确，例如： ```properties spring.web.resources.static-locations=classpath:/static/ ``` 如果你有自定义的配置类，检查它们是否正确处理了CSS资源。 3. 错误的URL引用：检查HTML文件中引用CSS文件的链接是否正确。确保URL指向正确的CSS文件，并且路径没有错误。在本例中，开发者提到去掉`/static/`后解决了问题，这可能是因为URL路径设置不正确或者静态资源路径配置有误。 4. Web服务器配置：如果你使用了自定义的Web服务器（如Tomcat、Undertow等），可能需要检查其配置，确保它能正确处理静态资源并返回正确的MIME类型。 5. 模板引擎问题：如果你使用了模板引擎（如Thymeleaf、FreeMarker等），确保模板中的CSS引用是正确的，并且模板引擎配置没有问题。 6. 防火墙或安全设置：有时，防火墙或安全设置可能会阻止某些类型的内容加载，检查这些设置以确保没有阻止CSS文件的加载。 解决这类问题通常需要对整个Web应用的配置和代码进行排查，找出导致MIME类型错误的原因。每个项目的情况可能不同，因此上述解决方案中的某一个或多个可能适用于你的问题。在进行调试时，使用浏览器的开发者工具（如Chrome的F12或Firefox的Developer Tools）是非常有用的，它们可以帮助你追踪网络请求，查看响应头，从而定位问题所在。在本例中，开发者通过尝试和错误找到了解决方案，这表明在遇到此类问题时，尝试不同的解决策略和排查步骤是必要的。