Next.js(App Router)调用GET API遇405(Method Not Allowed)错误求助

核心排查与修复点 #

1. 核对API路由文件结构与命名 #

App Router的API路由必须严格遵循目录结构：请求路径/api/blog/comment/get-comments对应的文件路径应为：

app/
└── api/
    └── blog/
        └── comment/
            └── get-comments/
                └── route.js  // 必须是这个文件名，且GET方法写在此文件内

如果文件不在上述路径，或文件名不是route.js/route.ts，Next.js无法识别该API路由，直接返回405。

2. 确认方法导出的大小写 #

检查API路由文件中导出的方法是否为大写的GET，小写get不会被Next.js识别为合法的HTTP方法处理函数。你的代码中export async function GET(request)是正确的，但需再次核对无拼写错误。

3. 排查路由冲突 #

若app目录下存在同名页面路由（如app/blog/comment/get-comments/page.js），会与API路由冲突，请求会被导向页面而非接口，导致405。确保无此类冲突。

4. 修复数据库连接的异步问题 #

你的代码中调用dbConnect()未加await，若数据库连接为异步操作，可能引发潜在的逻辑异常（虽不直接导致405，但需修正）：

export async function GET(request) {
  await dbConnect(); // 添加await确保连接完成后再执行查询
  try {
    const comments = await Comment.find({})
      .populate("author")
      .populate("blog")
      .exec();

    if (!comments.length) { // 修正判断：find返回空数组而非null
      return NextResponse.json({
        success: false,
        message: "unable to fetch comments",
      });
    }

    return NextResponse.json({
      success: true,
      comments: comments,
    });
    
  } catch (error) {
    console.log(error);
    return NextResponse.json({
      success: false,
      message: "Unable to get Comments",
    });
  }
}

5. 重启开发服务器 #

Next.js开发服务器可能缓存旧路由配置，执行Ctrl+C终止服务后重新运行npm run dev，清除缓存后测试。

6. 直接测试API接口 #

在浏览器地址栏直接访问http://localhost:3000/api/blog/comment/get-comments：

• 若返回JSON数据：问题出在客户端axios请求（检查是否有拦截器修改了请求方法）
• 若仍返回405：聚焦路由配置问题

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