CSS 未加载，因为 MIME 类型仅在 Internet Explorer 中以“text/html”形式出现答案

【问题标题】：CSS not loading because MIME type coming as "text/html" only in Internet ExplorerCSS 未加载，因为 MIME 类型仅在 Internet Explorer 中以“text/html”形式出现
【发布时间】：2021-09-24 07:15:22
【问题描述】：

我正在 IIS 7 上运行 .NET MVC 应用程序。我的页面正在正确呈现，并且样式在 Chrome 和 Firefox 中运行良好，但在 IE 10 中，css 没有加载，并且在网络选项卡中我看到它即将到来“text/html”并给出 406 Http 不可接受的代码。我的 css 文件路径是正确的，我正在渲染如下

&lt;link href="/Content/css-app/bootstrap.min.css?v=20210924122520" rel="stylesheet" type="text/css" /&gt;

有人可以帮忙吗？我已经在互联网上搜索超过 2 天了。

【问题讨论】：

你必须添加标题airbrake.io/blog/http-errors/406-not-acceptable
接受：来自浏览器的标题是“text/css”，但不知何故，对于 IE 10，从服务器发送的数据是“text/html”
你试过加request.AddHeader("Accept", "text/html");
我应该在哪里添加上面的标题？

标签： javascript html css

【解决方案1】：

根据我的发现，如果您可以的话，您可以在 IIS 中配置 mime 类型：

web.config

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".css" mimeType="text/css" />
      <mimeMap fileExtension=".js" mimeType="text/javascript" />
    </staticContent>
  </system.webServer>
</configuration>

您可能还想添加字符集（如果不是 utf-8，请为您应用正确的字符集）：

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".css" mimeType="text/css; charset=utf-8" />
      <mimeMap fileExtension=".js" mimeType="text/javascript; charset=utf-8" />
    </staticContent>
  </system.webServer>
</configuration>

如果不是这样，也许响应真的是带有错误文本的 HTML 页面？
It might be an HTML page in disguise.

学分：

【讨论】：

它们已正确添加到 web.config 中。那里没有问题。该网站在 Chrome 和 Mozilla 上正常运行。
好吧，无论如何都需要解决显而易见的问题。众所周知，Chrome 和 Mozilla 对开发者更友好，所以难怪 IE 会出现问题。您是否阅读了这些错误响应的文本？ 406 表示缺少某些东西。你绝对需要支持 IE10？

【解决方案2】：

您可能没有在服务器端添加适当的 mime 类型，而浏览器正在使用“text/css”发送它。

您始终可以获取纯文本的内容并将其放在样式标签中。

var xhtp = new XMLHttpRequest();
xhtp.open("GET","/Content/css-app/bootstrap.min.css?v=20210924122520");
xhtp.setRequestHeader("Content-Type","text/plain");
xhtp.onload = function(){
    let stylTag = document.createElement("style");
    stylTag.textContent = this.responseText;
    document.head.appendChild(stylTag);
};
xhtp.send();

【讨论】：