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ファイルを読み込むように気をつけたいですね