Me gustaría redirigir a los usuarios en mi middleware. Sin embargo, el middleware Next.js se comporta de manera inconsistente. Si coloco el middleware en /pages/_middleware.ts la redirección funcionará. Si lo coloco en /pages/api/_middleware.ts la redirección no funcionará.

 // /pages/_middleware.ts export function middleware() { return NextResponse.redirect( `http://example.com` ); }

 // /pages/api/_middleware.ts export function middleware() { return NextResponse.redirect( `http://example.com` ); }

Actualizar:

Hice una prueba en un proyecto nuevo para /api . El usuario será redirigido si necesita navegar a la ruta /api/hello . Sin embargo, cuando la solicitud se realiza a través del código, la redirección fallará. Me gustaría agregar un protector de redirección en el nivel de API, pero esto no parece posible con _middleware .

 fetch( `/api/hello`, { credentials: 'same-origin', method: 'POST', } );