拒绝应用样式，因为不支持 MIME 类型答案

【问题标题】：Refused to apply style because MIME type is not supported拒绝应用样式，因为不支持 MIME 类型
【发布时间】：2018-11-14 11:00:05
【问题描述】：

我不断收到一条错误消息，提示 MIME 类型 ('text/html') 不可执行或样式表 MIME 类型不受支持，并且启用了严格的 MIME 检查。

我的链接代码是

<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="css/heroic-features.css" rel="stylesheet">

<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

这就是模板的外观

然而，这就是它的样子

我需要将 text/html 更改为其他内容吗？

accepts: {
        "*": allTypes,
        text: "text/plain",
        html: "text/html",
        xml: "application/xml, text/xml",
        json: "application/json, text/javascript"
    },

Sinatra 告诉我这样做

但是我试过了还是不行

有什么我应该更改或添加到我的代码以使 css 正常工作的吗？

【问题讨论】：

您能否在问题正文中包含错误text？图片，尤其是图片链接，对某些人来说是个问题，并且无法正确编入索引，这意味着寻找相同错误的其他人无法找到这个问题以及它可能有的任何答案。
这似乎是服务器端问题，您的 CSS 以 HTML 格式提供。在像 Apache httpd 这样的服务器上，这需要使用正确的 MIME 类型 (text/css) 识别 .css 文件。
相关：css was not loaded because its MIME type, “text/html”, is not “text/css” 和 yii2 css file won't load because it's MIME type text/html is not text/css on windows7 apache server 和 Server responds by “text/html” to a “text/css” request 和 Page CSS will not load - simple html and js file 和 .js and .css files are loading as text/html in my JSP page

标签： html css ruby mime-types mime

【解决方案1】：

我想您希望 text/css 用于您的样式表，application/javascript 用于 JS 文件。

根据 sinatra 文档，可以从请求级别访问传入的请求对象

get '/foo' do
  t = %w[text/css text/html application/javascript]
  request.accept              # ['text/html', '*/*']
  request.accept? 'text/xml'  # true
  request.preferred_type(t)   # 'text/html'
end

【讨论】：