我用的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)是非常有用的,它们可以帮助你追踪网络请求,查看响应头,从而定位问题所在。在本例中,开发者通过尝试和错误找到了解决方案,这表明在遇到此类问题时,尝试不同的解决策略和排查步骤是必要的。
![](https://csdnimg.cn/release/download_crawler_static/14878861/bg1.jpg)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![chm](https://img-home.csdnimg.cn/images/20210720083646.png)
![pcap](https://img-home.csdnimg.cn/images/20210720083646.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![h](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![avatar](https://profile-avatar.csdnimg.cn/default.jpg!1)
- 粉丝: 9
- 资源: 920
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
- 打包和分发Rust工具.pdf
- SQL中的CREATE LOGFILE GROUP 语句.pdf
- C语言-leetcode题解之第172题阶乘后的零.zip
- C语言-leetcode题解之第171题Excel列表序号.zip
- C语言-leetcode题解之第169题多数元素.zip
- ocr-图像识别资源ocr-图像识别资源
- 图像识别:基于Resnet50 + VGG16模型融合的人体细胞癌症分类模型实现-图像识别资源
- C语言-leetcode题解之第168题Excel列表名称.zip
- C语言-leetcode题解之第167题两数之和II-输入有序数组.zip
- C语言-leetcode题解之第166题分数到小数.zip
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)
评论2