在几台机器上我得到 - 'css 由于 mime 类型不匹配而被忽略'答案

【问题标题】：On few machine I get - 'css was ignored due to mime type mismatch'在几台机器上我得到 - 'css 由于 mime 类型不匹配而被忽略'
【发布时间】：2011-06-15 17:35:47
【问题描述】：

我已经在生产服务器上部署了我的 ASP.NET。它一直在正常工作，但最近我知道在一台装有 IE9（与我的版本相同）的客户端机器上，该网站无法正确呈现 - 没有加载 CSS 和 javascripts。

当我从客户端获得 F12（IE9 中的开发工具）的屏幕截图时，我发现所有的 CSS 错误都有这条消息 - “css 由于 mime 类型不匹配而被忽略”和 javascript显示 - 'SCRIPT1002: 语法错误'

非常感谢任何建议。我已经尝试了所有想到的...我现在迷路了/

这是客户端收到的响应 HTML -

地点

    <script src="/Utility/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.4.1.min.js?Version=2.1.61120.2" type="text/javascript"></script>
    <script src="/Scripts/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <style type="text/css"> body { font-size: 84%; } </style>
    <link rel="stylesheet" href="/Themes/default/style/Global.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/Common.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/common_print.css" type="text/css" media="print" />
    <link rel="stylesheet" href="/Themes/default/style/forum.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/forum_print.css" type="text/css" media="print" />
    <script src="/Utility/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <link rel="stylesheet" href="/Themes/default/style/projects.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/sticky-footer.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/blog.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/menu.css" type="text/css" media="screen" />

【问题讨论】：

展示如何包含 css 和 js 的示例

标签： javascript css internet-explorer-9

【解决方案1】：

CSS 是内联的（在

【讨论】：

我更新了我的帖子 - 它显示了 CSS 文件是如何添加到 Head 部分的。我正在使用外部 CSS，并且 CSS 存在于子文件夹中。内容类型是'text/css'
您能否确保“/Themes/default/style/___.css”也返回“Content-Type: text/css”？还是返回“text/plain”、“text/html”等？
您能告诉我如何确保“/Themes/default/style/___.css”返回“Content-Type: text/css”吗？这是我在我的机器上的 Fiddler 中看到的其中一个 CSS - HTTP/1.1 200 OK 内容类型：文本/css 内容编码：gzip 上次修改时间：星期一，2011 年 6 月 13 日 09:24:12 GMT 接受-范围：字节 ETag：“046e7a7ab29cc1:0” 变化：接受编码服务器：Microsoft-IIS/7.5 P3P：CP="OTI CURi OUR IND ONL DEM" Set-Cookie：RPSMaybe=;path=/;expires=Thu, 30 -1980 年 10 月 16:00:00 GMT； X-Powered-By: ASP.NET P3P: CP="OTI CURi OUR IND ONL DEM" Date: Wed, 15 Jun 2011 18:51:17 GMT Content-Length: 3538
这正是我所说的：“HTTP/1.1 200 OK Content-Type: text/css”... 两个 IE 版本是一样的，但是安全配置是一样的吗？你能做一个测试删除
安全配置也一样，我尝试使用相同的凭据，它工作正常。你觉得罪魁祸首可能是什么？...这样我就可以集中精力找出原因

【解决方案2】：

使用 curl 检查标题

curl -I http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css

接下来转到 AWS S3 控制台，转到文件 > 属性 > 元数据并确认它们已设置。

IE 可能对内容类型非常挑剔。

【讨论】：