NextJS与Nginx反向代理配置求助：正则匹配无法处理重定向

我正在学习配置NextJS与Nginx反向代理，本地测试基础配置可正常运行：

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] ""$request"" '
    #                  '$status $body_bytes_sent ""$http_referer"" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       8080;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            proxy_set_header        Host localhost:3456;
            proxy_set_header        X-Real-IP $remote_addr;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
            proxy_pass              http://localhost:3456/;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
}

上述配置可正常工作，因为location /能匹配应用（localhost:3456）首次加载时重定向到/home/en的路径。但尝试使用正则表达式配置时出现异常：

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


http {
    include       mime.types;
    default_type  application/octet-stream;

    #log_format  main  '$remote_addr - $remote_user [$time_local] ""$request"" '
    #                  '$status $body_bytes_sent ""$http_referer"" '
    #                  '"$http_user_agent" "$http_x_forwarded_for"';

    #access_log  logs/access.log  main;

    sendfile        on;
    #tcp_nopush     on;

    #keepalive_timeout  0;
    keepalive_timeout  65;

    #gzip  on;

    server {
        listen       8080;
        server_name  localhost;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location ~* ^/home {
            proxy_set_header        Host localhost:3456;
            proxy_set_header        X-Real-IP $remote_addr;
            proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
            rewrite                 ^/home/(.*) /$1 break;
            proxy_pass              http://localhost:3456;
        }

        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
}

该配置无法正常运行，不清楚如何处理NextJS应用的重定向，已查阅Nginx官方文档但仍未理解问题所在，寻求帮助。

问题分析与解决方案 #

核心问题

你的正则location ~* ^/home仅匹配以/home开头的请求，但NextJS首次加载的根路径/不会被这个规则匹配，导致初始请求无法代理到后端服务，自然无法触发后续的重定向到/home/en。此外，rewrite ^/home/(.*) /$1 break会将/home/en重写为/en，若后端NextJS未配置对应路径的路由，也会导致404错误。

修正方案一：保留根路径代理（推荐）

同时处理根路径初始请求和/home开头的路径，确保流程完整：

server {
    listen       8080;
    server_name  localhost;

    # 代理根路径，处理初始请求及未匹配/home的请求
    location / {
        proxy_set_header        Host localhost:3456;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_pass              http://localhost:3456/;
    }

    # 处理/home开头的路径（按需选择是否重写）
    location ~* ^/home/(.*) {
        proxy_set_header        Host localhost:3456;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        # 若无需重写路径，直接代理即可
        proxy_pass              http://localhost:3456/home/$1;
        
        # 若确实需要去掉/home前缀，确保后端能处理重写后的路径
        # rewrite ^/home/(.*) /$1 break;
        # proxy_pass http://localhost:3456;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

修正方案二：覆盖所有请求的正则配置

若希望通过单一正则规则处理所有请求，需包含根路径的匹配：

server {
    listen       8080;
    server_name  localhost;

    # 匹配根路径及所有/home开头的请求
    location ~* ^(/|/home/.*) {
        proxy_set_header        Host localhost:3456;
        proxy_set_header        X-Real-IP $remote_addr;
        proxy_set_header        X-Forwarded-For $proxy_add_x_forwarded_for;
        # 仅对/home开头的路径进行重写
        rewrite ^/home/(.*) /$1 break;
        proxy_pass              http://localhost:3456;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   html;
    }
}

关键注意点

• Nginx匹配优先级：正则location优先级高于前缀location，但未匹配到任何正则规则时，会使用前缀/的规则。你的原始配置缺少对根路径的处理，导致初始请求失败。
• NextJS重定向逻辑：重定向由后端生成，必须保证初始/请求能正确代理到NextJS服务，后端才能返回重定向响应到/home/en。
• 路径重写验证：若使用rewrite去掉/home前缀，需确认NextJS后端已配置/en等对应路径的路由，否则会出现404。

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