Traefik代理后WordPress站点CSS丢失，如何正常启用域名访问？

1. 修正WordPress站点URL配置 #

CSS丢失核心原因是WordPress生成的资源链接仍使用虚拟机IP+端口，而非实际访问域名。可通过以下方式强制指定正确地址：

• 修改wp-config.php：找到虚拟机上WordPress根目录的wp-config.php文件，添加两行代码：

  define('WP_HOME','https://my.site.com');
  define('WP_SITEURL','https://my.site.com');
  

  这会直接覆盖WordPress生成链接的逻辑，强制使用域名而非内部IP。
• 后台修改（完成安装后）：若能进入WordPress后台，前往「设置-常规」页面，将「WordPress地址(URL)」和「站点地址(URL)」统一改为https://my.site.com。

2. 完善Traefik转发配置 #

确保Traefik正确传递HTTPS协议和真实域名信息给WordPress：

• 添加协议头：在Traefik的中间件配置中，增加X-Forwarded-Proto头，告知WordPress外部使用HTTPS访问。示例配置片段：

  middlewares:
    wp-https-fix:
      headers:
        customRequestHeaders:
          X-Forwarded-Proto: "https"
  

  将该中间件绑定到WordPress的路由规则上。
• 保留Host头：确保Traefik未修改请求的Host字段，让WordPress能获取到my.site.com这个真实访问域名。

3. 配置WordPress信任反向代理 #

让WordPress识别Traefik为可信代理，避免链接生成错误或重定向问题。在wp-config.php中追加：

define('TRUSTED_PROXIES', '192.xxx.xxx.xxx'); // 填写Traefik所在服务器的IP
define('FORCE_SSL_ADMIN', true);

若Traefik与WordPress在同一内网，也可填写内网IP段（如192.168.0.0/16）。

4. 清除缓存 #

• 浏览器端：按Ctrl+Shift+R强制刷新页面，清除旧的资源缓存。
• WordPress端：若后续安装了缓存插件，需清空插件缓存；未安装则无需额外操作。

5. 验证虚拟机网络配置 #

确认虚拟机的9280端口允许Traefik所在服务器访问，同时WordPress的Web服务（Nginx/Apache）未限制来源IP。

内容的提问来源于stack exchange，提问作者Peter Smith