求助：如何通过Nginx的proxy_pass修改URL哈希段内参数

你遇到的问题很典型——URL中#后面的部分是浏览器端的锚点（Fragment），这部分内容不会被浏览器发送到Nginx服务器。也就是说，当用户访问http://test1.com/_a/client/#/room/!zzz:test2.com时，Nginx实际收到的请求路径只有/_a/client/，根本看不到#/room/!zzz:test2.com这部分，所以你之前的location配置完全无法命中，自然不会生效。

下面给出两种可行的解决方案，根据你的实际场景选择：

方案1：Nginx返回重定向直接跳转目标URL #

如果用户是首次访问原URL，你可以让Nginx直接返回302重定向，引导浏览器跳转到修改锚点后的目标URL。配置如下：

location = /_a/client/ {
    # 匹配不带锚点的基础请求路径
    return 302 http://test1.com/_a/client/#/room/!zzz:192.x.x.x:80;
}

这种方式简单直接，用户访问原URL后会被立刻跳转到带修改后锚点的地址。

方案2：通过Nginx注入JS脚本在浏览器端修改锚点 #

如果用户已经加载了页面，需要动态修改锚点而不刷新页面，可以让Nginx在返回的HTML页面中注入一段JS脚本，由浏览器在前端完成替换。配置如下：

location /_a/client/ {
    proxy_pass http://127.0.0.1/_a/client/;
    # 注入JS脚本到页面末尾，替换锚点中的域名
    sub_filter '</body>' '<script>
        const currentHash = window.location.hash;
        if (currentHash.includes("!zzz:test2.com")) {
            window.location.hash = currentHash.replace("!zzz:test2.com", "!zzz:192.x.x.x:80");
        }
    </script></body>';
    sub_filter_once on; # 只替换一次</body>标签
    proxy_set_header X-Forwarded-For $remote_addr;
}

当页面加载完成后，这段JS会检查当前锚点内容，自动把test2.com替换成目标IP加端口，实现需求。

需要注意的是，这两种方案都是绕开了"Nginx无法直接处理锚点"的限制，因为锚点本质是浏览器端的资源定位符，服务器从始至终都无法获取到这部分内容。

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