Question

我有一个通过Cloudfront路由的lightail-bitnami-wordpress网站，因此可以使用它的HTTPS / SSL。设置好之后，我网站上的CSS就会停止正确加载。字体错误，到处都是空格，等等。

我在这里想念什么？谢谢！

Answer 1

您的CSS文件未正确加载，因为它们指向http而不是https。打开DevConsole（适用于Chrome的F12）进入控制台，查看是否有任何错误。我在使用其他CDN（例如Google Cloud CDN和CloudFlare）时遇到了此问题，并且能够通过启用“严格SLL”来解决此问题。我对CloudFront不熟悉，因此我在Google上搜索并找到了我认为可能的解决方案：

1。。进入您的AWS控制台并跳至CloudFront。
2。。找到您正在处理的网站。这并非立即可见，因此请在“来源”列中查找您使用的域名或S3存储桶名称。单击ID进入该CloudFront分配的设置。
3。。转到“行为”标签，然后单击“创建行为”。您会在那里已经看到一种行为（“默认/（）/ S3-Bucket / HTTP和HTTPS”），只需忽略该行为即可。
4。。在“路径模式”中，您要为要生效的网站路径设置匹配规则。在这种情况下，我们需要整个站点，因此输入“ ”。
5。。在“查看器协议策略”中，重要的工作已经完成。选择“将HTTP重定向到HTTPS”。
6。。保持其他一切不变。点击保存。
7。。最后，确保此新规则的优先级设置为“ 0”。这意味着这是最重要的CloudFront规则，它将首先执行，确保选择了HTTPS。 Source

如果对您不起作用，请尝试将其添加到您的.htaccess文件（如果有）：

RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

或者尝试安装启用严格SSL策略的WordPress插件，例如WP Force SSL

通过Amazon-cloudfront路由了我的网站，现在不加载CSS

1 个答案: