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

Question

在 chrome 中，我的 SSL 相关页面在其他浏览器上变为空白，它工作正常。它给出了错误信息

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

score 2 · Accepted Answer

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

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

score 1 · Accepted Answer

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

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

或者，在您的服务器上，您可以进行 URL 重写，以便通过 HTTP 的任何内容都被重写为 HTTPS。

score 1 · Accepted Answer

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

由于两个版本的路径似乎相同，另一种选择是使用//xyz.com/test/checkout/css/styles.css（不指定协议）；那么 CSS 将使用与 HTML 相同的协议。

score 0 · Accepted Answer

使用独立于协议的绝对路径是您可以利用的：

4 回答 4