Fehler nur beim Hosten von App, aber nicht in meinem lokalen Host

Question

Ich habe in AngularJS 2 gearbeitet und beim Hosting in lokalen Server habe ich keine Fehler und alles ist okey.Aber wenn es auf einem Firebase-Server hostet einige Fehler in der Konsole. Hier ist der Link ...:

https://test-calculadora.firebaseapp.com

Fehler

Dieser Misch Inhalt Fehler wird in Google Chrome und Firefox

Mixed Inhalt: Die Seite auf 'https://test-calculadora.firebaseapp.com/ 'wurde über HTTPS geladen, aber ein unsicheres Stylesheet' http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600 'angefordert. Diese Anfrage wurde blockiert. Der Inhalt muss über HTTPS bereitgestellt werden.

Dieser Fehler tritt nur in Google Chrome

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

Hinweis, wie die Verbindung, die mit 'http' nicht 'https' wird erroring beginnt. http ist von Natur aus "unsicher".

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

Sie sollten ein ‚s‘ http hinzufügen können, und das sollte die Dinge beheben.

, was Google zu sagen hat:

Immer https: // URLs, wenn Ressourcen auf Ihrer Seite zu laden. Verwenden Sie die Content-Security-Policy-Report-Only-Kopfzeile, um auf Ihrer Website Fehler mit gemischten Inhalten zu überwachen. Verwenden Sie die CSP-Direktive des Upgrades für unsichere Anforderungen, um Ihre Besucher vor unsicheren Inhalten zu schützen.

erfahren Sie mehr here