Chrome通過https頁面上的http加載腳本

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" />