Railsのproduction環境でSSL化するとCSSとjavascriptが読み込まれません。Mix Content Error

Question

###前提・実現したいこと
現在Ruby on Railsで作成したアプリケーションのSSL化を行っているのですが、httpでアクセスした歳には読み込まれるcssとjavascriptが、httpsでアクセスしたとたん、読み込まれなくなり、途方にくれています。

環境は

• Rails 4.2 (Ruby 2.2.1)
• AWS (Linux)
• nginx (1.10.1)
• (ssl証明はletsencryptで)
• ブラウザがchromeでもsafariでも同様の問題が起こる

です。

###発生している問題・エラーメッセージ

html要素は表示されますが、スタイリングがされていないと言う状態です。
chromeのコンソールには、

Mixed Content: The page at 'https://mysite----.jp/' was loaded over HTTPS, but requested an insecure stylesheet 'http://mysite-----.jp/assets/application-f7csdfafdasf9b59e6fd6cc19a9f7b8b0ca4c044e23ce50c9b39893d44.css'. This request has been blocked; the content must be served over HTTPS.```

といったメッセージが複数のcss、javascript、imageに関して表示されています。
これらのURLがhttpsでないことからこのような警告が出ているのだとは理解できましたが、それからどうしたらよいかが分かりません。

###試したこと
* grep "http://" で直書きされている（シェアURLなど)サイト内のすべてのURLを"https"に変更しました。
* [ The Definitive Guide on HowTo Setup and use SSL in Rails 4](http://www.sslendpoint.com/definitive-guide-to-on-how-to-setup-rails-4-and-heroku-ssl-setup.html) を読みました。"If you're exclusively using the Rails Asset Pipeline and serving your static assets directly from your app server everything should just work as, by default, static files are referenced relatively and served from the public/assets directory in production."とあり、私はすべてのimageに関してimage_tag、link_tagを使っていますので、何故うまくいかないのか不思議です。
* [Rails with nginx not serving CSS or JS with HTTPS](http://stackoverflow.com/questions/33671061/rails-with-nginx-not-serving-css-or-js-with-https) を参考に、```config.action_controller.asset_host = "mysite.jp"``` を追加しました。
* 全ての変更のあとに、railsのassets:precompile、nginxのreloadとrestart、rails再起動を行って確認しています。

Comments

[退会済みユーザー]

css, js を読み込んでいる部分のコードを提示できますか？ それができれば詳しい方から、より具体的な回答が得られるのではないかと思います。

[takeotakeo]

有難うございます。environments/production.rbの設定が原因だったようです。

Answer 1

みなさま、お答え下さり有難うございました。
production.rb でconfig.asset.compile = true
を追加し、
asset_host をhttpsのURLにしたところ、https: ~~ .css(js) でセキュアな形で読み込まれるようになりました。

Answer 2

config/environments/production.rb で

config.force_ssl = true

してますか？

Comments

[takeotakeo]

しております。

[MasahikoHirata]

不正確

[hana-da]

ごめんなさい。何がどう不正確なのか書いておいてもらえた方が他の人のためにもなると思います。はい。

Answer 3

まず、このコンテンツに画像は含まれていますか（まず含まれていると思うが）。
エラーの内容としてはhttpsなのにhttpで暗号化されていない、つまりMixed Content: だと警告しています。
ブラウザーのURLの前に鍵マークが出ていますか？恐らく出ていないと思います。httpsであれば表示されます。
もし画像が問題の元凶でない場合、次に疑わしいのはCSSにWeb Fontを呼び出す部分。httpの表記はありませんか？
多くの場合、これが元凶の元になっています。

Comments

[takeotakeo]

ご回答有難うございます。画像が含まれている状態です。鍵マークはMixed Contentエラーのため、ご指摘の通り表示されておりません。コンパイルされたcssやjavascriptがhttpになっているところまでわかったのですが、どのようにしたらhttps://.....cssにコンパイルされるのでしょうか。
"If you're exclusively using the Rails Asset Pipeline and serving your static assets directly from your app server everything should just work as, by default, static files are referenced relatively and served from the public/assets directory in production."と The Definitive Guide on HowTo Setup and use SSL in Rails 4 に書いてあり、アセットパイプラインでやっているのに上手く行かず途方に暮れております。ご教授頂ければ幸いです。

[MasahikoHirata]

’Rails with nginx not serving CSS or JS with HTTPS ’の'Tools for Troubleshooting'にあるように’1. Firebug - https://getfirebug.com/’の'http'の部分をまず確認。要は'https'なのに平文の'http’が混入しているので、これを撲滅。次に'2. Fiddler - http://www.telerik.com/fiddler’で具体的な'mixed contents'の確認、修正でしょうか？