仅在托管应用程序时出现错误，但在我的本地主机中没有

Posted 2023-03-15

【中文标题】仅在托管应用程序时出现错误，但在我的本地主机中没有

【英文标题】：Errors only when hosting app but not in my local host

【发布时间】：2018-03-10 10:48:00

【问题描述】：

我一直在 AngularJS 2 中工作，在本地服务器中托管时我没有错误，一切正常。但是当将它托管到 firebase 服务器时，控制台中出现了一些错误。这是链接...：

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 提供。

此错误仅出现在谷歌浏览器中

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)

【参考方案1】：

注意出错的链接是如何以“http”而不是“https”开头的。 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