跨服务器WordPress博客通过Nginx反向代理与Cloudflare DNS实现子目录访问的配置咨询

Hey，我刚好处理过类似的跨服务器反向代理配置，结合Cloudflare的话，其实分几步就能搞定——先弄DNS，再调Nginx规则，我给你一步步讲清楚：

一、Cloudflare DNS 配置 #

首先得给博客服务器做一条DNS记录，让主服务器能找到它，但注意不要让Cloudflare代理这条记录，避免多层反向代理出问题：

• 如果博客服务器有固定公网IP：添加一条A记录，主机名设为blog-origin（随便取个好记的内部标识名就行，不用对外暴露），值填博客服务器的公网IP，Cloudflare的「代理状态」选DNS only。
• 如果博客服务器用的是域名：添加一条CNAME记录，主机名同样设为blog-origin，值填博客服务器的域名，代理状态同样选DNS only。

二、主服务器的Nginx配置 #

打开主站点的Nginx配置文件（通常在/etc/nginx/sites-available/example.com或/etc/nginx/conf.d/example.com.conf），在你的主server块里添加以下location规则：

location /blog {
    # 转发请求到博客服务器的源地址（对应刚才DNS里的blog-origin）
    proxy_pass https://blog-origin;

    # 传递真实客户端IP给博客服务器，避免日志里全是主服务器的IP
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

    # 传递正确的Host头，让博客服务器知道自己是被当作example.com/blog访问的
    proxy_set_header Host $host;

    # 修正Cookie路径，避免博客设置的Cookie无法在子目录下生效
    proxy_cookie_path / /blog/;

    # 处理博客服务器的重定向：如果它返回根目录的重定向，自动替换成/blog开头的路径
    proxy_redirect https://blog-origin/ https://$host/blog/;
    proxy_redirect http://blog-origin/ https://$host/blog/;

    # 可选：设置超时时间，防止长请求被断开
    proxy_connect_timeout 60s;
    proxy_send_timeout 60s;
    proxy_read_timeout 60s;
}

三、博客服务器的配套设置（关键！） #

别忘调整博客本身的配置，不然会出现链接跳错、资源加载失败的问题：

• 登录WordPress后台，进入「设置」→「常规」，把**WordPress地址（URL）和站点地址（URL）**都改成https://example.com/blog，这样WordPress生成的所有链接、资源路径都会自动用子目录格式。
• 如果博客服务器也用Nginx，确保它的server块能响应来自主服务器的请求：可以在博客的Nginx配置里添加server_name blog-origin;（对应你Cloudflare里设的记录名），避免它强制跳转到自己的原域名。

四、Cloudflare的额外注意事项 #

• 主域名example.com的代理状态可以保持「Proxied」（开启CDN和防护），这不影响反向代理，因为主服务器的Nginx是直接连到blog-origin的源地址（DNS only模式）。
• 把Cloudflare的SSL模式设置为Full或Full (strict)，确保主服务器与Cloudflare、主服务器与博客服务器之间的通信都是加密的，避免证书错误。

最后测试 #

1. 保存Nginx配置后，执行nginx -t检查语法是否正确，没问题的话执行systemctl reload nginx重启Nginx生效。
2. 清除浏览器缓存，访问https://example.com/blog，测试页面加载、链接跳转、图片/静态资源加载是否正常。

备注：内容来源于stack exchange，提问作者MohsenP