根据配置这里的问题是尾部的斜杠，

location /subpath/ {
 proxy_pass http://localhost:3030/;
}

改成这个

location /subpath {
  proxy_pass http://localhost:3030;
}

完整的配置如下所示

location /subpath {
  proxy_redirect                      off;
  proxy_set_header Host               $host;
  proxy_set_header X-Real-IP          $remote_addr;
  proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
  proxy_set_header X-Forwarded-Proto  $scheme;
  proxy_read_timeout          1m;
  proxy_connect_timeout       1m;
  proxy_pass http://localhost:3030;
}

背后的原因是默认情况下Next.js会将带斜杠的url重定向到不带斜杠的url。根据docs
但是你在Nginx配置中提到你的URL应该有尾随的斜杠。然后它会返回404。

摘要

1.修改next.config.js，增加basePath: '/subpath'。
1.如果您使用的是public文件夹中的静态文件，请修改您使用的src，例如，

<Image
       src="/subpath/image.png"
       alt="Picture"
       width={500}
       height={500}
     />

1. Nginx位置设置：

location /subpath {
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_pass http://127.0.0.1:3000;
    }

1.请记住，禁用您的浏览器缓存，当你尝试它。

真实的样本

• conf（我的下一个项目运行在4000端口上）
  

• next.config.js

• 静态文件src用法