混合内容SSL错误

时间:2015-06-02 21:52:17

标签: html ssl mixed-content

我最近在我的网站托管(仅标准网站)上安装了SSL证书。它安装得很完美,我已经更新了我的.htaccess文件,强制它为用户提供以下代码:

RewriteEngine On
RewriteCond %{HTTP:X-Forwarded-Proto} !https
RewriteRule ^(.*)$ https://DOMAINHERE/$1 [R=301,L]

当我访问我的网站时,挂锁从绿色变为黄色(如日志中所示,它表示存在混合内容)。在我的例子中,它是三个显然通过HTTP加载的图像。

这是我在我的HTML中为三个导致问题的图像的代码。请注意,本地托管的其他图像没有问题。

<!-- Slide 1 -->
        <li>
            <div style="background-image: url('images/homepage/slider-1/balcony-1.jpg')" class="header">
                <div class="header-center">
                    <div class="text-white">

                    </div>
                </div>
            </div>
        </li>

我收到的混合内容的错误显示我的第一个滑块上的最后2/4不会加载SSL而我的第二个滑块的最后1/3不会加载SSL。< / p>

我发现这很奇怪,我试图做到以下几点:

//directories/imagehere.png

它摆脱了错误,但没有显示图像。在报告的日志中,当它试图从

中找到图像时,它无法找到图像
http://directories/imagehere.png

如果有人知道发生了什么,那将是非常感恩的。如果您需要任何额外信息,请告诉我。

谢谢!

1 个答案:

答案 0 :(得分:0)

问题是它无法在HTTPS下找到图像,因为RewriteRule将所有HTTPS请求路由到主页。

不是允许请求进入HTTP,而是将初始请求重定向到HTTPS会更容易,这将确保所有后续请求都是HTTPS。

https://wiki.apache.org/httpd/RedirectSSL