在 https 页面上通过 http 加载 Chrome 脚本

Question

我们在模板中有绝对路径，即：

<link rel="stylesheet" href="/media/css/ui.css?v=3" />

当我尝试打开 https 页面时 - 我收到以下错误：

[blocked] The page at 'https://{{ full_site }}/{{secure_page}}' was loaded over HTTPS, 
but ran insecure content from 'http://{{full_site }}/media/css/ui.css?v=3': 
this content should also be loaded over HTTPS.

但是路径https://{{full_site }}/media/css/ui.css?v=3 是可用的...

告诉我，为什么 chrome 试图在 https 页面上通过 http 加载内容？以及如何强制它在相对路径上通过 https 加载脚本？

UPD 页面在 Firefox 中完美加载。所以这只是镀铬问题。所有路径都是相对的。

Answer 1

这可能是您的 CSS 文件 ui.css 可能通过 background or background-image 属性引用资源（例如图像）的原因，该属性正在加载不安全的内容（来自 HTTP 服务器的内容）

如果您的网站上有资源，请使用 相对协议链接，例如

url(//example.com/images/some_image.png)

同样，更新您的链接以使用相关协议链接，例如

<link rel="stylesheet" href="//{{full site}}/media/css/ui.css?v=3" />