同一域名下配置Nginx反向代理与Web服务器的问题求助

这个问题我之前也碰到过，核心原因是Nginx的location匹配和proxy_pass的路径映射规则，以及外部站点返回的相对路径/跳转地址没有适配你的/rproxy前缀导致的。咱们一步步来解决：

问题分析 #

当你配置location /rproxy时，Nginx的路径处理逻辑和你预期的有差异：

• 请求example.com/rproxy会被转发到external.com/，但请求example.com/rproxy/config时，Nginx会把匹配到的/rproxy替换成proxy_pass末尾的/，实际转发到external.com/config
• 外部站点的页面里，很多链接是相对根路径的（比如<a href="/config">），浏览器会直接解析成example.com/config而不是example.com/rproxy/config；就算你手动输入example.com/rproxy/config，页面里的CSS/JS资源如果是绝对路径（/static/style.css），浏览器依然会请求example.com/static/style.css——这些资源在你的主站不存在，自然会导致页面失效。
• 另外，如果外部站点返回302跳转（比如登录后跳转到/config），响应头里的Location是/config，浏览器会直接跳转到example.com/config，完全忽略/rproxy前缀，这也是跳转失效的原因之一。

解决方案 #

方案1：修正location和proxy_pass的路径匹配 #

先把location改成带尾斜杠的形式，同时处理不带斜杠的/rproxy请求，确保路径映射逻辑清晰：

# 处理不带尾斜杠的/rproxy请求，重定向到带斜杠的地址
location = /rproxy {
    return 301 /rproxy/;
}

location /rproxy/ {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-Proto https;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass https://external.com/;
}

这样配置后，example.com/rproxy/config会准确转发到external.com/config，浏览器地址栏也会保持example.com/rproxy/config的路径。

方案2：替换外部站点的相对路径（关键） #

因为外部站点的所有资源都是基于自身根路径的，咱们需要用Nginx的sub_filter模块把页面里的根路径链接替换成/rproxy/，让浏览器正确请求带前缀的资源：

location /rproxy/ {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-Proto https;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass https://external.com/;

    # 替换页面中所有根路径开头的链接、资源地址
    sub_filter 'href="/' 'href="/rproxy/';
    sub_filter 'src="/' 'src="/rproxy/';
    sub_filter 'action="/' 'action="/rproxy/';
    # 如果外部站点用了完整URL，也要同步替换
    sub_filter 'https://external.com/' 'https://example.com/rproxy/';
    # 开启递归替换，确保页面里所有匹配的内容都被处理
    sub_filter_once off;
}

注意：sub_filter模块需要Nginx编译时包含ngx_http_sub_module，如果你的Nginx没有这个模块，Debian/Ubuntu可以直接安装nginx-full包，其他系统可能需要重新编译Nginx并添加该模块。

方案3：处理跳转的Location头 #

如果外部站点会返回302/301跳转，需要用proxy_redirect把跳转地址里的根路径替换成/rproxy/，让浏览器跳转到正确的前缀路径：

location /rproxy/ {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-Proto https;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_pass https://external.com/;

    # 把外部站点返回的跳转地址替换成带/rproxy前缀的路径
    proxy_redirect https://external.com/ /rproxy/;
    proxy_redirect / /rproxy/;
}

这个配置会自动把外部站点返回的Location: /config改成Location: /rproxy/config，浏览器跳转时就会到正确的地址。

最终完整配置 #

把上面的方案结合起来，完整的server配置如下：

server {
    listen 443 ssl;
    server_name example.com;

    # 你的主站配置
    location / {
        root /path/to/your/website;
        index index.html;
        # 其他主站相关配置（比如静态资源缓存、SSL设置等）
    }

    # 反向代理到external.com的完整配置
    location = /rproxy {
        return 301 /rproxy/;
    }

    location /rproxy/ {
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-Proto https;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass https://external.com/;

        # 处理跳转地址
        proxy_redirect https://external.com/ /rproxy/;
        proxy_redirect / /rproxy/;

        # 替换页面中的路径链接
        sub_filter 'href="/' 'href="/rproxy/';
        sub_filter 'src="/' 'src="/rproxy/';
        sub_filter 'action="/' 'action="/rproxy/';
        sub_filter 'https://external.com/' 'https://example.com/rproxy/';
        sub_filter_once off;
    }
}

这样配置后，访问example.com/rproxy会自动跳转到example.com/rproxy/，正常加载external.com的内容，点击页面里的链接也会自动带上/rproxy前缀，资源加载和页面跳转都能正常工作。

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