Firebase 托管 - 无法加载 Bootstrap

Question

我正在为我的 Web 项目使用 Bootstrap 和 AngularFire。一切正常，但当我在 Firebase.com 上托管它时。布局已更改

错误：

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.

Bootstrap 会怎样？提前致谢！

Answer 1

Firebase 使用 HTTPS 提供内容。从错误中可以看出，您指的是要通过 HTTP 加载的内容。虽然这不应该发生，但这可能是 Chrome 最近的功能之一，它们阻止通过安全通道的非安全请求。

为了解决它，您应该更改代码中的 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

Answer 2

我遇到了同样的问题：你只需要将 http 变成 https 在bootstraplink里面的代码。这将解决问题。

Firebase 托管 - 无法加载 Bootstrap

Firebase hosting - Can not load Bootstrap

twitter-bootstrap

angularjs

firebase

angularfire