Question

我有一个用 Play Framework（Scala）编写的Web项目。

我在 Mozilla Firefox 浏览器中有奇怪的行为。它会阻止所有其他资源中的 CSS 和 Javascript 文件。例如，在下面的示例中，您可以看到Mozilla Firefox浏览器的DevTool。

默认情况下，Mozilla Firefox似乎阻止了所有与第三方资源的连接。同时，其他浏览器（例如Google Chrome，Opera）也没有这种问题，并且运行良好。

在Mozilla Firefox中，我也禁用了“设置”>“安全性”中的复选框。

我使用 Mozilla FireFox 63.0.1版（64位）

我通常在head标签中设置CSS。

<head>
    <link rel="stylesheet" type="text/css" media="screen" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
    <link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/tempusdominus-bootstrap-4/5.0.0-alpha14/css/tempusdominus-bootstrap-4.min.css">
</head>

在application.conf文件中设置：

play.filters.headers {
  contentSecurityPolicy = "default-src 'self';"
  contentSecurityPolicy = ${play.filters.headers.contentSecurityPolicy}" img-src 'self';"
  contentSecurityPolicy = ${play.filters.headers.contentSecurityPolicy}" style-src 'self' 'unsafe-inline' stackpath.bootstrapcdn.com use.fontawesome.com cdnjs.cloudflare.com;"
  contentSecurityPolicy = ${play.filters.headers.contentSecurityPolicy}" font-src 'self' use.fontawesome.com;"
  contentSecurityPolicy = ${play.filters.headers.contentSecurityPolicy}" script-src 'self' 'unsafe-inline' code.jquery.com cdnjs.cloudflare.com stackpath.bootstrapcdn.com code.highcharts.com;"
  contentSecurityPolicy = ${play.filters.headers.contentSecurityPolicy}" connect-src 'self';"
}

您建议如何解决这个问题？

Mozilla Firefox会阻止与第三方资源的所有连接？

0 个答案: