通过亚马逊云前路由我的网站，CSS 现在无法加载

Question

我有一个通过Cloudfront路由的lightsail-bitnami-wordpress网站，所以我可以使用它的HTTPS/SSL。一旦我设置好它，我网站上的 CSS 就会停止正确加载。字体错误，到处都是间距，等等。

我在这里错过了什么？谢谢！

Answer 1

您的 CSS 文件未正确加载，因为它们指向 http 而不是 https。打开开发控制台(适用于 Chrome 的 F12(转到控制台，查看是否有任何错误。我在谷歌云CDN和CloudFlare等其他CDN上遇到了这个问题，并且能够通过启用"Full Strict SLL"来修复它。我不熟悉 CloudFront，所以我用谷歌搜索并找到了我认为可能的解决方案：

1.进入您的 AWS 控制台并跳转到 CloudFront。
2.找到您正在处理的网站。这并不明显，因此请在 Origin 列中查找您使用的域名或 S3 存储桶名称。单击 ID 进入该 CloudFront 分配的设置。
3.转到"行为"选项卡，然后单击"创建行为"。你会看到一个已经存在的行为("默认/((/S3-Bucket/HTTP和HTTPS"(，只是忽略它。
4.在"路径模式"中，您需要为要生效的站点路径设置匹配规则。在这种情况下，我们想要整个站点，因此输入">"。
5.在"查看器协议策略"中，重要工作完成。选择"将 HTTP 重定向到 HTTPS"。
6.保持其他一切原样。点击保存。
7.最后，确保此新规则的优先级设置为"0"。这意味着它是顶级 CloudFront 规则，它将先于其他任何规则运行，确保选择 HTTPS。来源

如果它不适合您，请尝试将其添加到您的 .htaccess 文件(如果您有(：

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

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