Next.js 14+客户端组件调用API时如何验证用户登录状态？

1. 确保客户端fetch请求携带Credentials #

客户端组件发起请求时，必须显式配置credentials选项，否则会话Cookie不会被传递到API路由。修改你的fetch代码：

// SearchName客户端组件中的fetch调用
const response = await fetch('/api/users', {
  method: 'GET',
  credentials: 'same-origin', // 同域场景使用该值，跨域场景改用'include'
  // 其他请求配置...
});

2. 检查NextAuth配置与API路由写法 #

首先确认你的Auth配置文件（通常在app/api/auth/[...nextauth]/route.ts或单独的auth.ts）中：

• 已正确设置secret（读取环境变量NEXTAUTH_SECRET）
• Session策略配置无误，若使用jwt策略需确保session.strategy: 'jwt'

然后在API路由中正确导入配置并调用getServerSession：

// app/api/users/route.ts
import { getServerSession } from 'next-auth/next';
import { authOptions } from '../auth/[...nextauth]/route';

export async function GET(request: Request) {
  const session = await getServerSession(authOptions);
  if (!session) {
    return new Response(JSON.stringify({ error: '未授权' }), { status: 401 });
  }
  // 后续业务逻辑...
}

3. 验证Cookie传递状态 #

在API路由中打印请求头的Cookie，确认会话相关Cookie是否被正确接收：

export async function GET(request: Request) {
  console.log('请求携带的Cookie:', request.headers.get('cookie'));
  const session = await getServerSession(authOptions);
  // ...
}

如果未看到next-auth.session-token或__Secure-next-auth.session-token这类Cookie，说明客户端请求的credentials配置仍有问题，回到第一步检查。

4. 排查环境变量与路由结构 #

• 确认NEXTAUTH_SECRET环境变量已正确设置，生产环境下不能为空，该值用于加密会话，缺失会导致getServerSession无法解析Cookie。
• 确保API路由位于app/api/目录下，符合Next.js 14+ App Router的路由规范。

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