相对链路不与nginx反向代理一起工作

Question

events {}
http {
    upstream nextjs_upstream {
        server localhost:3000;
    }

    server {
        listen 8080 default_server;

        server_name _;

        server_tokens off;

        location / {
            proxy_pass http://nextjs_upstream/us/;
        }
        location /_next/static {
            proxy_pass http://nextjs_upstream/_next/static;
        }
    }
}

而且，如果我添加这样的内容：

<Link href='/about-us'>
  <a>NextJs Link</a>
</Link>

单击它，我将正确地发送到http://localhost:8080/about-us，它显示http://localhost:3000/us/about-us中的内容。

这一切都按预期进行，而且非常完美。

<a href="/about-us">
  Normal link
</a>

我在这里做错了什么？我需要重写请求路径吗？

Answer 1

像这样的成像：

1/如果我的链接是:http://localhost:8080/us/about-us

2/它将发送给您的代理，并满足第一个条件：

location / {
    proxy_pass http://nextjs_upstream/us/;
}

if ($request_uri ~ ^(.*)/us/) {
    rewrite (.*)/us/(.*)$ $1/$2;
}

events {}
http {
    upstream nextjs_upstream {
        server localhost:3000;
    }

    server {
        listen 8080 default_server;

        server_name _;

        server_tokens off;
        
        if ($request_uri ~ ^(.*)/us/){
            rewrite (.*)/us/(.*)$ $1/$2;
        }
        location / {
            proxy_pass http://nextjs_upstream/us/;
        }
        location /_next/static {
            proxy_pass http://nextjs_upstream/_next/static;
        }
    }
}