带有 Apache VirtualHost 的 Wordpress 站点上的混合内容错误

Question

我在 apache 上设置了从 http 到 https 的自动重定向后，在 wordpress 网站上遇到了混合内容错误。

Mixed Content: The page at 'https://example.example.com/' was loaded over HTTPS, but requested an insecure stylesheet http://example.example.com/wp-content/uploads/elementor/css/post-2612.css?ver=1481615259'. This request has been blocked; the content must be served over HTTPS

我想知道是我的 htaccess / virtualhost 问题还是代码、css 等问题。

我的 htaccess 代码如下所示：

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

我的虚拟主机如下所示：

<VirtualHost *:80>
    RewriteEngine On
    RewriteCond %{HTTPS} off
    RewriteRule ^/(.*) https://%{HTTP_HOST}/$1 [NC,R=301,L]
    ServerName example.example.com
    ServerAdmin hostmaster@example.com
    DocumentRoot /mnt/data/html1
    ErrorLog /mnt/data/html1/example.example.com_error.log
    CustomLog /mnt/data/html1/example.example.com_access_log combined env=!dontlog
</VirtualHost>

<VirtualHost _default_:443>
    SSLEngine on
    RewriteEngine On
    RewriteCond %{HTTPS} on
    SSLCertificateFile    /etc/httpd/sites-available/crt.crt
    SSLCertificateKeyFile /etc/httpd/sites-available/pem.pem
    ServerName example.example.com
    DocumentRoot /mnt/data/html1
    ErrorLog /mnt/data/html1/example.example.com_error.log
    CustomLog /mnt/data/html1/example.example.com_access_log combined env=!dontlog
</VirtualHost>

<Directory "/mnt/data/html1">
    AuthType Basic
    AuthName "Restricted Content"
    AuthUserFile /mnt/data/html1/.htpasswd
    Require valid-user
    Options Indexes FollowSymLinks
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

Answer 1

跟踪和解决所有混合内容问题可能很烦人。这是来自谷歌的优秀指南，可以有条不紊地完成它。 https://developers.google.com/web/fundamentals/security/prevent-mixed-content/fixing-mixed-content

就我个人而言，我一直在 DNS 级别使用 cloudflare 的自动重写系统，这是完全交钥匙的，对于懒人来说是一个绝妙的技巧。

虽然 chrome 应该识别通过 3rd 方加载的内容之间的区别（假设您有 JS 供应商库从某处提取资产，但我知道这有时会导致警告，在浏览器中查看您的网络选项卡将确定哪个出站链接正在触发问题。