如何通过 https 为 css 和 js 修复 "Blocked loading mixed active content"

Question

尝试通过 https 查看我的站点时，我的 Firefox 控制台中不断出现 "Blocked loading mixed active content" 错误。我只为我的 css 和 js 文件收到此错误。

我之所以如此困惑，是因为页面代码本身对文件的引用是 https:

<link rel="stylesheet" href="https://www.example.com/style.css">

但是在控制台中，它显示为 http:

Blocked loading mixed active content "http://www.example.com/style.css"[Learn More]

我可以在页面上查看源代码并搜索 "http://"，但页面上没有任何结果。

有什么想法吗？

Answer 1

我想你可以试试相对协议调用者。

<link rel="stylesheet" href="//www.example.com/style.css">
                    ---------^^

如果您的用户在 http 下访问您的网站，它会加载 http，如果用户在 https 下访问它会加载 https。