Next13 App目录下NextAuth.js注册接口404问题求助

404错误的核心原因是Next.js无法找到对应路径的API路由处理文件，结合你的Next.js 13.2.4版本，按以下顺序排查：

1. 确认API路由文件的路径与结构 #

Next.js 13支持Pages Router和App Router两种模式，API路由的位置完全不同：

• 如果用Pages Router：必须存在pages/api/auth/signup.js（或.ts）文件，目录结构应为pages/api/auth/下的signup.js
• 如果用App Router：必须存在app/api/auth/signup/route.js（或.ts）文件，注意是signup文件夹下的route.js，而非直接的signup.js

对照你的项目目录截图，检查是否符合上述结构，路径层级不能出错。

2. 检查路由文件的导出格式 #

不同路由模式的API文件导出规则不同，写错会导致路由无法被识别：

• Pages Router模式：

  // pages/api/auth/signup.js
  export default function handler(req, res) {
    if (req.method === 'POST') {
      // 处理注册逻辑
      res.status(200).json({ message: '注册成功' });
    } else {
      res.setHeader('Allow', ['POST']);
      res.status(405).end(`Method ${req.method} Not Allowed`);
    }
  }
  

• App Router模式：

  // app/api/auth/signup/route.js
  export async function POST(req) {
    // 处理注册逻辑
    return new Response(JSON.stringify({ message: '注册成功' }), {
      status: 200,
      headers: { 'Content-Type': 'application/json' },
    });
  }
  

确保你的文件导出符合对应模式的要求，尤其是App Router必须导出对应HTTP方法的函数（比如POST）。

3. 验证请求方法是否匹配 #

注册接口通常使用POST请求，确认你的前端提交函数是用POST方法调用接口，同时路由文件里正确处理了POST请求（比如上面代码里的判断）。如果前端用了GET请求，而路由只处理POST，也会导致404或405错误。

4. 重启开发服务器 #

Next.js开发服务器不会自动监听新添加的API路由文件，如果你是刚创建的signup路由文件，必须重启npm run dev或yarn dev，否则服务器无法识别新路由。

5. 检查next.config.js的配置 #

如果你的项目同时存在app和pages目录，Next.js会优先使用App Router，但可以通过next.config.js的experimental.appDir配置调整。确认没有配置导致路由模式冲突，比如强制关闭了某一种路由模式。

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