使用反向代理时的URL操作

时间:2019-09-04 04:49:06

标签: reactjs nginx-reverse-proxy

我已经使用nginx开发了功能令人满意的反向代理。 关于浏览器上显示的URL,我遇到了问题。

这是我的配置文件:

server {
    listen       62106;
    server_name  example.com;
    root /usr/share/nginx/html/prs;

   location /perfreview/ {
        alias  /usr/share/nginx/html/prs;
        proxy_pass http://react-app:80/;
    }

    #error_page  404              /404.html;
    # redirect server error pages to the static page /50x.html
    #
    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

如果我执行http://example.com/perfreview/abc,则代理可以正常工作,它可以将其代理为react-app:80 / abc,但是代理后在浏览器上显示的URL为http://example.com/abc,而我希望它是http://example.com/perfreview/abc(原始)。有什么办法解决吗?

最后一个选择是更改我的react-app中的路由,但这需要进行大量更改。任何帮助,将不胜感激。谢谢!

0 个答案:

没有答案