Nginx配置问题：将子目录反向代理至其他域名时无法保持浏览器URL不变

看起来你的问题出在几个容易忽略的反向代理配置细节上，尤其是Host头的设置和上游跳转的处理——这正是导致浏览器URL被修改的核心原因。让我一步步拆解问题并给出修正方案：

问题1：错误的Host头设置 #

你当前在location /element/里设置了proxy_set_header Host $host;，这会把请求的Host头设为example.matrix，但上游的Element服务器（example.element）期望收到的Host是它自己的域名。当Element检测到Host不匹配时，很可能会返回301/302跳转，直接把浏览器导向example.element，这就导致了URL变化。

问题2：缺少必要的代理头与跳转重写 #

另外，你没有配置proxy_redirect来处理上游可能返回的跳转响应，也没有传递真实的客户端协议信息，这都会影响反向代理的透明性。

修正后的配置 #

把你的location /element/块替换成下面的内容，我会逐一解释每个配置项的作用：

location /element/ {
    proxy_pass http://element/;
    # 传递正确的Host头给上游Element服务器
    proxy_set_header Host $proxy_host;
    # 传递真实的客户端IP和协议
    proxy_set_header X-Forwarded-For $remote_addr;
    proxy_set_header X-Forwarded-Proto $scheme;
    # 重写上游返回的跳转地址，确保保持在example.matrix/element路径下
    proxy_redirect http://element/ /element/;
    proxy_redirect https://element/ /element/;
    # 调整上游Cookie的路径，绑定到/element子目录，避免Cookie冲突
    proxy_cookie_path / /element/;
    # 可选：增加超时设置，提升稳定性
    proxy_connect_timeout 30s;
    proxy_send_timeout 30s;
    proxy_read_timeout 30s;
}

配置项解释： #

• proxy_set_header Host $proxy_host;：使用上游服务器的主机名（也就是example.element）作为Host头，让Element服务器认为请求是直接发送到它的域名上，避免触发跳转。
• proxy_redirect：捕获上游返回的跳转响应（比如从http://element/跳转到http://element/home），把跳转目标重写为/element/home，这样浏览器会保持在example.matrix/element/home的URL上。
• proxy_cookie_path：把上游Element服务器设置的Cookie路径从根目录/改为/element/，确保这些Cookie只会在访问/element子目录时被发送，不会影响Matrix主服务的Cookie。
• X-Forwarded-*头：让Element服务器知道真实的客户端IP和请求使用的协议（HTTP/HTTPS），这对一些依赖这些信息的功能很重要。

额外检查点 #

另外，确保Element客户端的配置（比如config.json）里没有硬编码跳转逻辑，比如强制跳转到example.element域名。如果有，需要调整为相对路径或者适配example.matrix/element的路径。

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