📌  相关文章
📜  拒绝应用来自 'http: localhost:9000 public css style.css' 的样式,因为它的 MIME 类型('text html')不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查. - 打字稿(1)

📅  最后修改于: 2023-12-03 15:25:52.181000             🧑  作者: Mango

错误提醒

程序员在开发过程中,可能会遇到以下的类似错误提醒:

拒绝应用来自 'http://localhost:9000/public/css/style.css' 的样式,因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型,并且启用了严格的 MIME 检查。

这个错误提示就是浏览器无法加载一个网站的样式文件,导致网站的样式表无法被正确渲染。

错误原因

这个错误出现的原因是服务端返回的HTTP响应头中Content-Type值不是CSS文件MimeType("text/css"),而是HTML文件MimeType("text/html"),浏览器因此无法正确解析样式表。

解决方法
  1. 查看MIME类型是否正确,服务端或CDN返回响应的Content-Type值是否正确。
  2. 清空浏览器缓存(有时候缓存中可能存放了错误的Content-Type)。
  3. 按照正确的MIME类型设置响应头。
  4. 确认是否启用了Content-Security-Policy(CSP)严格模式,如果开启了需要确认允许加载的CSS策略是否正确。
参考链接