解决Cloudflare显示524错误WordPress后台CSS样式无法加载

在测试Linux服务器时,WordPress后台和登录页面的加载速度要慢得多。

WordPress后台CSS样式无法加载,没有 CSS 样式的 HTML 页面,非常难看!

排查为何Cloudflare显示524错误?

当我查看浏览器控制台时,我注意到3个关键CSS样式没有被加载,而且都有错误代码 524。

我立即怀疑是WordPress缓存插件是罪魁祸首,因此开始清除我所有的缓存。但是,这并没有解决问题,之后我通过测试清空所有缓存并停用WordPress插件,但问题仍然存在。

我禁用了我的防火墙,并使用了不同的浏览器,怀疑浏览器缓存是罪魁祸首,但问题仍然存在。

随着时间的推移,情况变得更糟,因为网站会无法如常访问,出现 Cloudflare “发生超时” 的错误页面提示,错误代码为 524 ▼

解决Cloudflare显示524错误WordPress后台CSS样式无法加载

然后,快速搜索了这个特殊的错误代码,很明显它与 Cloudflare 完全相关。

意识到这一点,我再次尝试清除缓存,但不幸的是这并没有解决问题,所以尝试关闭Cloudflare的CDN代理,这将使所有流量都通过我的服务器,而不是首先通过 Cloudflare CDN。

这样做之后,错误出人意料地消失了。

网站不再出现Cloudflare 524错误代码,但这样做的副作用之一是该站点现在不安全,因为本来网站一直在使用 Cloudflare 的 SSL 证书。

实际上,浏览器甚至都无法加载网站,因为它实际上是一个 BAD CERTIFICATE 错误。

不过,我应该在这里受到责备,因为我不记得在迁移后安装新的 Let's Encrypt SSL 证书。

因此,在 Cloudflare 暂停的情况下,我的网站在使用服务器的 SSL 证书,该证书当然与我的域名不匹配,因此出现了错误。

但是,我们可以通过在CWP控制面板安装新证书,很快就能解决了这个问题。

什么问题造成Cloudflare 524错误?

网站现在已启动并如常运行,但关闭Cloudflare而失去了CDN的优势,因为启用Cloudflare CDN只会再次引发错误。

我殷切希望网站能够使用Cloudflare CDN,所以我在谷歌寻找解决方案。

至少这一次我知道要搜索什么,因为我毫不怀疑是 Cloudflare 导致的错误。

确实如此,我在 Cloudflare 社区页面上发现了很多类似的受害者。

不幸的是,它们中的大多数问题,都已关闭未解决。

然而,当我偶然发现Cloudflare发生超时问题的快速修复方法。

在那列出的 6 个快速修复方案中的第六个,成功解决了此问题 ▼

什么问题造成Cloudflare 524错误? 第2张

Your hosting provider has made server changes to their Railgun settings which resulted in Error 524. Go to the Cloudflare dashboard, select Speed, Railgun and either disable Railgun if it is no longer supported by the provider or test & select a working connection from the list of options.

  • 你的托管服务提供商对其 Railgun 设置进行了服务器更改,导致出现错误 524。转到 Cloudflare 仪表板,选择 Speed、Railgun,如果提供商不再支持 Railgun,则禁用它,或者测试并从列表中选择一个工作连接 的选项。

如何快速修复Cloudflare 524错误?

由于之前我在 Cloudflare 的速度设置中,无意中激活了Railgun。

如果网站所在的服务器不支持该功能,但该选项处于激活状态,WordPress网站就会出现Cloudflare 524错误问题……

长话短说,禁用 Railgun 就能快速解决这个问题,网站现在又回到了 Cloudflare ▼

如何快速修复Cloudflare 524错误?禁用 Railgun 就能快速解决这个问题 第3张

  • 但我们遇到问题,只要不放弃,善用谷歌搜索找答案,问题终究会迎刃而解的。
  • 成功突破困难,感觉是非常有成就感的!

希望陈沩亮博客( https://www.chenweiliang.com/ ) 分享的《解决Cloudflare显示524错误WordPress后台CSS样式无法加载》,对您有帮助。

欢迎分享本文链接:https://www.chenweiliang.com/cwl-28604.html

欢迎加入陈沩亮博客的 Telegram 频道,获取最新更新!

喜欢就分享和按赞!
您的分享和按赞,是我们持续的动力!