Next Auth自定义verify-request页面登录后无法加载，API响应异常求助

核心问题 #

你把自定义的verifyRequest页面放在了/api/auth/目录下，这是Next.js的API路由专属目录。Next.js会将该目录下的文件当作后端API处理，但你的verify-request.tsx是一个React前端组件，没有返回任何HTTP响应，导致/api/auth/verify-request这个API请求无法完成，进而引发页面卡顿、加载停滞，以及报错API resolved without sending a response...。

修复步骤 #

1. 移动页面到正确路径
   将verify-request.tsx从/api/auth/目录移到/auth/目录下：

   • 若使用Pages Router，放在pages/auth/verify-request.tsx
   • 若使用App Router，放在app/auth/verify-request/page.tsx

2. 确认NextAuth配置匹配
   你的[...nextauth].js中已经正确配置了pages.verifyRequest: "/auth/verify-request"，确保页面路径和这个配置完全对应即可。

3. 验证修复效果
   重新调用signIn("email", { email: inputEmail })，此时NextAuth会在发送验证邮件后，正确重定向到你的自定义前端页面，不会再触发无效的API请求，页面卡顿问题也会解决。

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