WordPress迁移至Nginx后管理栏及登录页样式异常求助

问题根源 #

这是Nginx默认未正确配置WordPress静态资源规则导致的——wp-includes、wp-content下的CSS/JS文件请求被错误导向PHP解析，或者直接返回了非资源内容（比如404页面被重写成首页）。虽然页面源码里的资源链接没问题，但实际请求到的内容根本不是CSS，自然不会渲染样式，而浏览器没报错是因为返回了200状态码。

修复步骤 #

1. 修正Nginx站点配置 #

直接替换或补充你的Nginx站点配置文件内容，确保包含静态资源优先处理规则和正确的WordPress重写逻辑：

server {
    listen 80;
    server_name your-domain.com;
    root /path/to/your/wordpress;
    index index.php index.html index.htm;

    # 静态资源直接返回，跳过PHP解析
    location ~* \.(css|js|png|jpg|jpeg|gif|ico|svg)$ {
        expires 30d;
        add_header Cache-Control "public, immutable";
        try_files $uri $uri/ =404;
    }

    # WordPress核心重写规则
    location / {
        try_files $uri $uri/ /index.php?$args;
    }

    # PHP解析配置（根据你的PHP版本调整套接字/端口）
    location ~ \.php$ {
        fastcgi_pass unix:/run/php/php7.4-fpm.sock;
        fastcgi_index index.php;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        include fastcgi_params;
    }

    # 禁止访问敏感文件
    location ~ /\.ht {
        deny all;
    }
}

配置后重启Nginx生效：sudo systemctl restart nginx

2. 刷新WordPress资源缓存 #

• 能进后台的话：到「设置→固定链接」，直接点「保存更改」（不用改任何设置），强制刷新WordPress的资源引用路径。
• 进不去后台：手动删除wp-content/cache文件夹，同时清空缓存插件（如果用了的话）的所有缓存。

3. 修复文件权限 #

确保Nginx进程用户（一般是www-data）能读取静态资源文件夹：

chown -R www-data:www-data /path/to/your/wordpress/wp-includes /path/to/your/wordpress/wp-content
chmod -R 755 /path/to/your/wordpress/wp-includes /path/to/your/wordpress/wp-content

4. 验证资源请求 #

按F12打开Chrome开发者工具，切换到「网络」标签刷新页面，看CSS资源的请求：

• 如果200状态但响应是HTML：说明重写规则错了，静态请求被导去了index.php
• 如果404：检查文件路径或权限

额外排查 #

• 暂时禁用CDN或缓存插件，排除缓存导致的资源引用异常
• 确认「设置→常规」里的两个URL（WordPress地址/站点地址）和当前域名完全一致

内容的提问来源于stack exchange，提问作者John Moore