Refused to apply style from 'http://5082a513-e6ea-45cc-be34-31eeaac3725a.webview.localhost:4003/webview/theia-resource/file///tmp/vscode-unpacked/hiq-package-1.0.3.vsix/extension/dist/dist/static/css/chunk-vendors.2ee80128.css' because its MIME type ('tex

时间: 2023-07-08 21:45:33 浏览: 195

css样式无法加载Refused to apply style from ‘http://localhost:8080/static/css/style.css’ because its MIME

5星 · 资源好评率100%

我用的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）是非常有用的，它们可以帮助你追踪网络请求，查看响应头，从而定位问题所在。在本例中，开发者通过尝试和错误找到了解决方案，这表明在遇到此类问题时，尝试不同的解决策略和排查步骤是必要的。

这个错误通常是由于浏览器在加载 CSS 文件时发现了一个 MIME 类型不匹配的问题。可能是由于服务器没有正确配置 MIME 类型或者为了安全起见，浏览器中的严格 MIME 检查功能开启所导致的。在这种情况下，你可以尝试在服务器端添加适当的 MIME 类型配置或者尝试重新设置服务器的 MIME 类型。同时，你也可以尝试在 HTML 中通过添加 type 属性来显式地指定 CSS 文件的 MIME 类型，例如：`<link rel="stylesheet" type="text/css" href="style.css">`。

阅读全文

Refused to apply style from 'http://5082a513-e6ea-45cc-be34-31eeaac3725a.webview.localhost:4003/webview/theia-resource/file///tmp/vscode-unpacked/hiq-package-1.0.3.vsix/extension/dist/dist/static/css/chunk-vendors.2ee80128.css' because its MIME type ('tex

相关推荐

FTP-document.rar_fit//127.0.0.1:5050_ftb 127.0.0.1 2121_ftb:127.

Call From hdp-1/192.168.234.129 to hdp-1:8020 failed on connection exception: java.net.ConnectExcept

Refused to apply style from ‘http://localhost:63342/.../user.css‘ because its MIME type(‘text/html‘)

Refused to apply style from ‘http://localhost:8080/src/assets//css/reset.css‘

Refused to apply style from 'http://localhost:5500/static/css/app.40323c5f.css' because its MIME type ('text/html') is not a supported stylesheet MIME type

refused to apply style from 'http://localhost:8080/iconfont.css' because its mime type ('text/html') is not a supported stylesheet mime type, and strict mime checking is enabled.

Refused to apply style from 'http://localhost:63342/css/base.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

ndex):1 Refused to apply style from 'http://localhost:8080/iconfont.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

hdfs dfs -put /root/college/accidents.csv hdfs://localhost:8020/crash/ put: Call From hadoop000/172.18.32.73 to localhost:8020 failed on connection exception: java.net.ConnectException: Connection refused; For more details see: http://wiki.apache.org/hadoop/ConnectionRefused

vue 项目打开提示Refused to apply style from 'http://localhost:5500/static/css/app.40323c5f.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

请问我用浏览器访问html文件报错如下的原因是什么：Refused to apply style from 'http://localhost:8081/wangye/style.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

打包出来的vue项目提示Refused to apply style from 'http://localhost:5500/static/css/app.40323c5f.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

vue前端项目报错Refused to apply style from 'http://localhost:8080/js/theme/default/layer.css?v=3.5.1' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.怎么解决

chromewebdata/:1 Refused to display 'https://ksat.luxshare-ict.com:9092/' in a frame because it set 'X-Frame-Options' to 'sameorigin'

最新推荐

ubuntu vps安装docker报错：Cannot connect to the Docker daemon at unix:///var/run/docker.sock.问题解决

解决vue net :ERR_CONNECTION_REFUSED报错问题

java.net.ConnectException: Connection refused问题解决办法

Linux 出现telnet: 127.0.0.1: Connection refused错误解决办法

探索数据转换实验平台在设备装置中的应用

管理建模和仿真的文件

ggflags包的国际化问题：多语言标签处理与显示的权威指南

如何使用MATLAB实现电力系统潮流计算中的节点导纳矩阵构建和阻抗矩阵转换，并解释这两种矩阵在潮流计算中的作用和差异？

使用git-log-to-tikz.py将Git日志转换为TIKZ图形

"互动学习：行动中的多样性与论文攻读经历"