0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Content Security Policyにより外部リソースが参照されない

Posted at

概要

  • Google Analyticsが"過去 48 時間に受信したデータはありません"のまま変化しない
  • Bootstrapのメニューアイコンが表示されない
正常な表示 アイコンが表示されない
navicon_success.png navicon_fail.png

環境

  • Nginx: 1.16.0
  • Rails: 5.2.1.1
  • google-analytics-rails: 1.1.1
  • Bootstrap: 4.3.1

調査

最初はRailsのアセットパイプラインを怪しんでRailsの方を変えたりしていましたが、なかなか治らない。
Google Chromeのコンソールを確認すると下記の表示が。
console_error.png

エラーメッセージで検索すると、どうやらContent Security Policyの設定が原因でした。

修正

Nginxを使用していルため、/etc/nginx/conf.d/default.confを修正します。

修正前
add_header Content-Security-Policy "default-src 'self'";

修正後
add_header Content-Security-Policy "default-src 'self'; script-src 'self' https://www.google-analytics.com 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: https://www.google-analytics.com;";

修正後、Nginxを再起動し、無事にBootstrapもGoogle Analyticsも使えるようになりました。

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?