RailsでインラインJSが動作しなくなったときの対応


RailsでインラインJSを書くと下記エラーで動作しなくなりました

Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' https:". Either the 'unsafe-inline' keyword

原因は、Ruby on Rails 5.2の新機能にContent Security Policyが追加されたことでした。
デフォルトの設定のままではインラインJSが動作しないので
content_security_policy.rbファイルのpolicy.script_src:unsafe_inlineをつけることが必要になります。

content_security_policy.rb
policy.default_src :self, :https
policy.font_src    :self, :https, :data
policy.img_src     :self, :https, :data
policy.object_src  :none
policy.script_src  :self, :https, :unsafe_inline
policy.style_src   :self, :https, :unsafe_inline

今回はrailsからJS側にデータ渡す必要があったため、インラインJSをやむを得ず使いましたが、
極力はJSファイルを読み込むように気をつけたいですね