如何在 Google-Chrome 控制台上解决 "Mixed content"-问题

How to solve "Mixed content"-issue on Google-Chrome Console

我遇到以下问题:

Mixed Content: The page at 'https://www.feelhome.se/produkt/fighting-elephants/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200'. This request has been blocked; the content must be served over HTTPS.

有没有人知道我该如何解决这个问题,这样它就不会出现?

问题是您正在使用 http 而不是 https 加载字体,如果您将字体 url 更改为使用 https 就可以了.

所以你需要 https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200

而不是 http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200

要从 template.cssbootstrap.css 文件中加载的字体接缝。看看附图。

您拥有的内容可能不安全,因此您需要加载它 https 而不是 http

安全页面只有 https 资源(如样式表或图像)。当通过 http 加载一个或多个资源时,安全性可能会受到损害。这就是您收到的警告,您在 https 页面上有一些 http 资源。

有些人建议将 https://example.com 放在所有内容的前面,我将建议其他内容://example.com,注意缺少 https 和 http。浏览器现在将自动添加 https。

这样做的好处是,当您必须在两者之间切换时,您只需做最少的工作。假设您有一个已准备就绪的站点 运行,并且在一段时间后决定使用 https...您所要做的就是更改 htaccess 并完成,所有资源都已准备就绪。