https://xyz.com/test/checkout上的页面运行了来自http://xyz.com/test/checkout/css/styles.css的不安全内容

Question

在Chrome中我的SSL相关页面在其他浏览器上显示为空白，它可以正常工作。 它给出了错误消息

“https://xyz.com/test/checkout的网页内容来自http://xyz.com/test/checkout/css/styles.css

的不安全内容

在我的网站上，一些页面都在SSL上，我只有一个页面用于两种类型的页面（http和https），我想使用我的css和js，它们可以在两种情况下使用。

Answer 1

检查CSS文件中的所有资源（如图像和背景图像）。

如果它们链接到HTTP域，请查看是否可以将它们重写为相对路径，因此HTTP / HTTPS切换是自动的。

Answer 2

在通过常规HTTP提供的网页中包含通过HTTPS提供的CSS是安全的（并且是允许的）;所以，一种选择是在所有情况下使用https://xyz.com/test/checkout/css/styles.css。

另一种选择，因为两个版本的路径似乎相同，就是使用//xyz.com/test/checkout/css/styles.css（不指定协议）;然后，相同的协议将用于CSS，用于HTML。

Answer 3

您的CSS文件中可能存在与非安全位置相关的链接。

我建议您检查该文件，以便进行任何更新。

或者，在您的服务器上，您可以进行URL重写，以便在HTTP上发生的任何事情都会重写为HTTPS。

Answer 4

使用与协议无关的绝对路径是您可以利用的：

http://blog.httpwatch.com/2010/02/10/using-protocol-relative-urls-to-switch-between-http-and-https/