拒绝从...应用样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查答案

【问题标题】：Refused to apply style from... because its MIME type ('text/html') is not a supported style-sheet MIME type, and strict MIME checking is enabled拒绝从...应用样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型，并且启用了严格的 MIME 检查
【发布时间】：2018-07-31 22:45:13
【问题描述】：

此错误仅在 chrome 中显示。我正在搜索这个问题，但还没有找到任何
令人满意的解决方案。我附上了该错误的屏幕截图。请为此提出一些想法。 Error image

【问题讨论】：

标签： javascript css asp.net-mvc google-chrome mime-types

【解决方案1】：

解决方案：
就我而言，问题是我的一个控制器中的@GetMapping 为空。我删除了它，问题就消失了。

我认为相同的答案会帮助遇到类似问题和背景的人；例如JSP。

背景：
我在使用 Spring Boot 和 FreeMaker 时遇到了同样的问题。

【讨论】：

这并不能真正回答问题。如果您有其他问题，可以点击进行提问。一旦你有足够的reputation，你也可以add a bounty 来引起对这个问题的更多关注。 - From Review
真的是答案，我搜索了这个答案3天，重新阅读了一堆类似错误的主题，而不是这个解决方案没有直接写的地方。尽管对为什么会发生这种情况进行了简短的解释，但在我的情况下，这是因为默认情况下，空的 @GetMapping 会覆盖 servlet，并且浏览器在响应中收到的不是 CSS，而是 MIME 类型 text/html 的其他内容，但这不是从错误中显而易见。

【解决方案2】：

在使用 firebase 托管时遇到了同样的问题，解决方案是将样式表移动到“公共”文件夹，我猜这是因为它没有被部署。

【讨论】：

【解决方案3】：

我的团队中有人将 css 的 <link></link> 标签放在 masterPage.html 文件中的 <head></head> 标签之上和之外。

当这个 .html 文件被转换成 masterPage.master 文件时，我们得到了这些错误。解决方案是将<link> 标签放在<head> 标签内，之后转换后的.master 文件按预期工作。

在此处添加此内容是因为 stackOverflow 未涵盖此原因，包括此 post - 希望它可以在将来对某人有所帮助

【讨论】：

【解决方案4】：

我发现使用包含域的路径而不是文件的相对路径可以解决问题。

即：

src="https://<domain>.com/public/css/style.css"

而不是：

src="../../public/css/style.css"

我没有理由解释为什么会这样。也许与提供静态文件的方式有关，或者因为它需要通过https 提供服务。我正在使用 Firebase 来托管/服务。

请注意，这适用于 css 和 js 文件，并且显式设置 MIME 类型对我没有影响。

【讨论】：

【解决方案5】：

样式表的 MIME 类型应为 text/css。您的服务器在提供 CSS 文档时却提供了 HTML 文档（可能是 404 NOT FOUND 错误页面）。

【讨论】：

谢谢你能告诉我如何在 MVC .net 应用程序中更改 MIME 类型。
嗨，我试过这个，发现它没有任何效果，但改变 src 属性确实，按照我下面的回答。您对为什么会出现这种情况有任何想法吗？谢谢。
@乔丹。无论当前文件夹是什么，这两个 url 都清楚地解析到不同的位置。相对 url 在“public”文件夹中有“css”文件夹，而绝对 url 没有。如果这不能满足您的要求，您应该提出一个新问题。
@Alohci 是的，这正是我输入它们的方式——路径在实际代码中是正确的。
您应该提供更多解释。你给的那个不是很有帮助。