アプリケーションをホストしているがローカルホストにない場合のエラー

Question

私はAngularJS 2で作業していましたが、ローカルサーバーにホストしてもエラーはなく、すべてがokeyです。ここにリンク...です：

https://test-calculadora.firebaseapp.com

エラー

この混合コンテンツエラーが混在したコンテンツ

GoogleのChromeとFirefoxのに表示されます： 'でのページ https://test-calculadora.firebaseapp.com/ 'はHTTPS経由でロードされましたが、安全でないスタイルシート' http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600 'を要求しました。このリクエストはブロックされました。 HTTPS経由でコンテンツを配信する必要があります。

このエラーは、Google Chromeでerroringされたリンクは、 'HTTP' ではない 'HTTPS' で始まるか

ERROR TypeError: Cannot read property '0' of null 
at Object.updateDirectives (3.ad64bef68a696aaec9de.chunk.js:1) 
at Object.updateDirectives (vendor.be20388edeb374983d23.bundle.js:127) 
at or (vendor.be20388edeb374983d23.bundle.js:127) 
at mr (vendor.be20388edeb374983d23.bundle.js:127) 
at gr (vendor.be20388edeb374983d23.bundle.js:127) 
at or (vendor.be20388edeb374983d23.bundle.js:127) 
at mr (vendor.be20388edeb374983d23.bundle.js:127) 
at gr (vendor.be20388edeb374983d23.bundle.js:127) 
at or (vendor.be20388edeb374983d23.bundle.js:127) 
at mr (vendor.be20388edeb374983d23.bundle.js:127) 

Answer 1

通知を表示されます。 httpは本質的に「安全ではありません」。

'http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' 

httpに 's'を追加できる必要があります。そのため、修正する必要があります。

を常にhttpsを使用：：あなたのページにリソースをロードする際// URLを言っている何グーグル

。 Content-Security-Policy-Report-Onlyヘッダーを使用して、複合コンテンツ のエラーをサイトで監視してください。セキュリティ保護されていないコンテンツから訪問者を保護するには、upgrade-insecure-requests CSPディレクティブ を使用します。

詳細はhere