Firebase 托管 - 从未经身份验证的来源加载脚本答案

【问题标题】：Firebase hosting - Load scripts from unauthenticated sourcesFirebase 托管 - 从未经身份验证的来源加载脚本
【发布时间】：2016-12-23 07:34:02
【问题描述】：

首先，我使用 Firebase 托管部署了一个网站。
然后，从 Godaddy 购买了一个域名，并将它们链接在一起。

注意：到目前为止一切正常 - https 等。

但是，当加载网站时（使用 chrome）我得到这个错误：

此页面正在尝试从未经身份验证的来源加载脚本

https://saharmillis.info/ 中的示例

当按下“加载不安全脚本”时，HTTP 被取消。

在控制台中，我收到一些关于通过 http 而不是 https 链接的错误，
但我所有的 CSS 文件和脚本都位于本地的 Firebase 主机上。

【问题讨论】：

标签： javascript firebase https firebase-hosting

【解决方案1】：

如果您打开 Chrome 的开发者控制台，您会看到导致问题的 URL 的非常明确的错误：

http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2

http://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2

因此，您的代码（直接或间接）加载通过 HTTP 提供的字体。请注意，fonts.gstatic.com 也可以通过 HTTPS 提供文件。因此，如果您找到包含的来源，只需将 http:// 替换为 https:// 即可消除错误。

更新：快速检查显示 URL 位于字体文件夹中的文件中。例如。 Droid+Sans.css:

/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(http://fonts.gstatic.com/s/droidsans/v6/s-BiyweUPV0v-yRb-cjciPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

【讨论】：

tnx dude.. U ROCK.. 忘记了 CSS 文件中的 url。

【解决方案2】：

全部替换
“http://” 到 "//"

以防万一……

【讨论】：