使用WordPress LiteSpeed Cache插件时出现CSS 404错误求助

1. 检查Cloudways平台配置与文件权限 #

• 登录Cloudways面板，进入站点文件管理器，定位CSS文件所在目录（常见路径：wp-content/themes/[你的主题]/css/、wp-content/uploads/），确认目录权限为755、文件权限为644
• 进入服务器管理的应用设置，查看Nginx配置，排查是否存在错误的rewrite规则，导致CSS路径被错误解析
• 若启用了Cloudways CDN，进入CDN管理页面，强制刷新CDN缓存，避免缓存失效路径

2. 验证WordPress核心路径设置 #

• 登录WordPress后台，进入设置→常规，确认「WordPress地址（URL）」与「站点地址（URL）」完全一致，无http/https mismatch或域名拼写错误
• 检查主题的functions.php文件，确保CSS引入使用get_stylesheet_directory_uri()、wp_enqueue_style()等官方函数，避免硬编码固定URL

3. 清理服务器级缓存 #

• Cloudways自带服务器级缓存（含OPcache），即使停用LiteSpeed Cache仍可能生效。进入站点缓存管理，点击「清除所有缓存」，覆盖服务器端所有缓存层
• 若之前启用过Cloudways Breeze缓存，需彻底停用并清除其缓存

4. 排查第三方插件干扰 #

• 暂时停用所有非必要插件（除主题外），逐一重新启用并测试，定位是否有安全类、SEO类插件修改了静态文件URL规则

5. 清理数据库残留URL #

• 若曾修改域名或站点URL，数据库可能残留旧路径。使用WP-CLI执行命令：

  wp search-replace '旧站点完整URL' '新站点完整URL' --skip-columns=guid
  

  操作前务必备份数据库
• 直接查看数据库wp_options表，确认siteurl、home字段值正确，同时排查其他可能存储CSS路径的选项

6. 排除本地缓存干扰 #

• 打开浏览器开发者工具（F12），在「网络」面板勾选「禁用缓存」，刷新页面重新检查CSS请求状态
• 使用无痕模式访问站点，排除本地浏览器缓存影响

内容的提问来源于stack exchange，提问作者Jatinder Thind