似乎没有一种明显的方法来处理自定义/动态basePath，或者在呈现的HTML中将URI路径添加到引用的开头。
相反，我采用了我的工作解决方案，并使用basePath将所有内容推送到根斜杠右侧的一个目录，然后编写中间件将发送到/_next的请求重写为${basePath}。
我在next.js Github讨论板上写了一个完整的解决方案。
我的nginx配置：

location /reactjs/ {
  rewrite        /reactjs/(.*) /$1 break;
  proxy_pass     http://reactjs:3000/;

  proxy_set_header X-Forwarded-Host $http_host;
}

字符串
next.conf.js:

/** @type {import('next').NextConfig} */

const nextConfig = {
  basePath: '/reactjs',
};

module.exports = nextConfig;

型
middleware.js:

import { _NextRequest, NextResponse } from 'next/server';

export function middleware(request) {
  // If X-Forwarded-Host is not set, then don't bother with middleware.
  const forwardedHost = request.headers.get('X-Forwarded-Host');
  if (forwardedHost === null) return NextResponse.next();

  // Middleware starts here
  const requestedUrl = request.nextUrl.clone();
  const basePath = '/reactjs';

  // const requestedHost = request.headers.get('X-Forwarded-Host');
  // const forwardedPath = request.headers.get('X-Forwarded-Path');

  console.log('basePath set: ' + basePath);
  console.log('requestedUrl: ' + requestedUrl.toString());
  console.log('basePath index: ' + requestedUrl.toString().indexOf(basePath));

  if (requestedUrl.toString().indexOf(basePath) == -1) {
    console.log('basePath not detected in request.');

    const pathForward = basePath + requestedUrl.toString().split('localhost:3000').pop();
    console.log('Will offer (proxy): ' + pathForward);
    return NextResponse.rewrite(new URL(pathForward, request.url));
  }

  return NextResponse.next();
}

型
这允许文件在nginx中正确服务，而无需额外的位置上下文。我对此的唯一其他问题是basePath必须匹配nginx使用的位置URI路径。在我的情况下，我不怀疑这是一个问题，但如果我正在创建一个将被广泛使用的应用程序，这可能会带来一点挑战。我更希望这个路径能够通过环境变量设置，但我尝试这样做时遇到了错误，说明basePath必须为空或设置。
希望这种行为将在不久的将来添加到开箱即用。