NextJs13路由处理器重定向时出现405(Method Not Allowed)错误求助

首先明确：这不是站点不支持302重定向的问题，405错误的核心原因是请求方法不匹配。

问题根源 #

当你用redirect()函数返回302重定向时，浏览器会遵循HTTP规范，将原本的POST请求改为GET请求去访问重定向后的站内URL。如果这个目标URL对应的路由（不管是页面路由还是API路由）没有实现GET方法的处理逻辑，Next.js就会返回405（Method Not Allowed）错误。

而重定向到外部站点时，外部的目标URL通常默认支持GET请求，所以不会触发这个问题。

解决方案 #

根据你的需求，有三种可行的处理方式：

1. 保持302重定向，确保目标路由支持GET

如果目标是站内页面路由（App Router下的page.tsx），默认就支持GET请求，不需要额外处理；如果是API路由，需要确保该路由的处理器中定义了GET函数。

2. 保留POST请求方法，使用307重定向

如果你需要让重定向后的请求依然使用POST方法（比如目标路由只接受POST），不要用next/navigation的redirect()，改用NextResponse.redirect并指定307状态码：

import { type NextRequest } from 'next/server';
import { NextResponse } from 'next/server';

export async function POST(request: NextRequest) {
  const newUrl = request.url.replace('/api', '');
  // 307临时重定向，会保留原请求方法和请求体
  return NextResponse.redirect(newUrl, { status: 307 });
}

注意：这种方式要求目标路由必须实现了POST方法的处理逻辑，否则依然会报405。

3. 服务器端转发（替代重定向）

如果不需要浏览器跳转，只是想在服务器端处理请求并转发到目标路由，可以用NextResponse.rewrite：

import { type NextRequest } from 'next/server';
import { NextResponse } from 'next/server';

export async function POST(request: NextRequest) {
  const newUrl = request.url.replace('/api', '');
  // 服务器端转发请求，浏览器地址栏不会变化
  return NextResponse.rewrite(newUrl);
}

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