如何在Google-Chrome控制台上解决＆＃34;混合内容＆＃34; -issue

Question

我遇到以下问题：

  

混合内容：＆＃39; https://www.feelhome.se/produkt/fighting-elephants/＆＃39;是通过HTTPS加载的，但是请求了一个不安全的样式表＆＃39; http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,600italic,600,400italic,300italic,300,200italic,200＆＃39;。此请求已被阻止;内容必须通过HTTPS提供。

有没有人知道如何解决这个问题所以它不会出现？

Answer 1

问题是，如果您更改字体网址以使用http，那么您使用https而不是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.css 和 bootstrap.css 文件加载的字体接缝。看一下附图。

Answer 2

安全页面只有https资源（如样式表或图像）。当通过http加载一个或多个资源时，安全性可能会受到限制。这是您收到的警告，您在https页面上有一些http资源。

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

这里的好处是，当你必须在两者之间切换时，你完成了最少量的工作。假设你有一个已经建立并运行的网站，经过一段时间后决定去https ...所有你需要做的就是改变你的htaccess并完成所有的资源准备。

Answer 3

您拥有的内容可能不安全，因此您需要加载它 https代替http。