html - 拒绝应用样式，因为不支持 MIME 类型

Question

我不断收到错误消息，提示 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 正常工作吗？

Answer 1

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

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

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