2016-05-09 9 views
0

Im私のWebプロジェクトにBootstrapとAngularFireを使用しています。 Firebase.comでホストしているときはすべてが大丈夫です。ブートストラップとどうなりFirebase hosting - ブートストラップを読み込めません

Mixed Content: The page at 'https://......firebaseapp.com/' was loaded over HTTPS, but requested an insecure stylesheet 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css'. This request has been blocked; the content must be served over HTTPS. 

Mixed Content: The page at 'https://......firebaseapp.com/' was loaded over HTTPS, but requested an insecure script 'http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js'. This request has been blocked; the content must be served over HTTPS. 

:レイアウトが

エラーが変わりましたか?前もって感謝します!

答えて

4

FirebaseはHTTPSを使用してコンテンツを配信します。エラーからわかるように、HTTPを介してロードされるコンテンツを参照しています。これは起こってはいけませんが、Chromeの最近の機能の1つで、セキュリティで保護されていないリクエストをブロックします。

解決するには、コード内のURLをBootstrap CDNのHTTPSバージョンを指すように変更する必要があります。

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

さらに読む:https://support.google.com/chrome/answer/1342714?hl=en

関連する問題