通过Amazon cloudfront路由我的网站，CSS不'；我现在不能装货

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

---

我错过了什么？谢谢

您的CSS文件没有正确加载，因为它们指向http而不是https。打开DevConsole（F12用于Chrome）转到控制台，查看是否有任何错误。我曾经遇到过其他CDN的问题，比如Google Cloud CDN和CloudFlare，并且能够通过启用“完全严格的SLL”来解决这个问题。我不熟悉CloudFront，所以我在谷歌上搜索了一下，找到了我认为可能的解决方案：

1。进入AWS控制台，跳到CloudFront
2.查找您正在使用的站点。这并不是很明显，所以在Origin列中查找您使用的域名或S3 bucket名称。单击ID进入该CloudFront发行版的设置
3.转到“行为”选项卡并单击“创建行为”。您将看到其中已有一种行为（“默认/（）/S3 Bucket/HTTP和HTTPS”），忽略它即可。
4.在“路径模式”中，您需要为要生效的站点路径设置匹配规则。在这种情况下，我们需要整个站点，因此输入“。
5.在“查看器协议策略”中完成重要工作。选择“将HTTP重定向到HTTPS”。
6.其他一切保持原样。点击保存。
7。最后，确保此新规则的优先级设置为“0”。这意味着它是最重要的CloudFront规则，将在运行其他规则之前运行，确保选择了HTTPS。

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

---

或者尝试安装支持严格SSL策略的WordPress插件，如

您可以运行open browser的开发者工具，查看css没有加载的原因，控制台选项卡是特定的，或者网络选项卡是基于我们可以帮助的。

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