У меня есть веб-проект, который написан на Play Framework (Scala) .
У меня странное поведение в браузере Mozilla Firefox . Он блокирует все файлы CSS и Javascript , находящиеся на других ресурсах. Например, здесь ниже вы можете увидеть DevTool браузера Mozilla Firefox.
Похоже, что Mozilla Firefox по умолчанию блокирует все подключения к сторонним ресурсам.
В то же время другие браузеры, такие как Google Chrome, Opera не имеют такой проблемы и отлично работают.
Также в Mozilla Firefox я отключил флажки в меню «Настройки»> «Безопасность».
Я использую Mozilla FireFox версия 63.0.1 (64 бит)
Я установил CSS в теге head как обычно.
<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';"
}
Что бы вы посоветовали для решения этой проблемы?
