Next.js13实验版服务端组件调用API时getServerSession返回null求助

问题原因 #

服务端组件在服务器端运行时，发起内部API请求不会自动携带用户的Session Cookie。而客户端组件在浏览器发起请求时，浏览器会自动附带Cookie，因此API中的getServerSession能正常获取会话。这是服务端组件与客户端组件的运行环境差异导致的。

解决方案 #

方案1：直接在服务端组件中调用getServerSession（推荐） #

服务端组件本身就在服务器上下文运行，无需通过API中转获取会话，直接调用getServerSession即可，效率更高且逻辑更简洁。

示例代码：

import { getServerSession } from "next-auth/next";
import { authOptions } from "@/app/api/auth/[...nextauth]/route";
import prisma from "@/lib/prisma";

async function UserProfile() {
  const session = await getServerSession(authOptions);
  
  if (!session) {
    return <div>请先登录</div>;
  }

  // 直接使用session处理业务逻辑，比如查询用户数据
  const user = await prisma.user.findUnique({
    where: { id: session.user.id }
  });

  return <div>欢迎回来，{user?.name}</div>;
}

export default UserProfile;

方案2：调用API时手动传递Cookie（需复用API逻辑时用） #

如果必须复用已有的API逻辑，在服务端组件发起fetch请求时，手动从当前请求头中获取Cookie并传递给API：

示例代码：

import { headers } from "next/headers";

async function ServerComponent() {
  // 从服务端组件的请求上下文获取Cookie
  const cookieHeader = headers().get("cookie");

  const res = await fetch("/api/user/request", {
    method: "GET",
    headers: {
      // 传递Cookie到API请求头
      Cookie: cookieHeader || "",
    },
    // 确保使用服务器端的fetch配置
    cache: "no-store",
  });

  const data = await res.json();
  return <div>{JSON.stringify(data)}</div>;
}

export default ServerComponent;

额外检查项 #

1. 确认authOptions配置正确，特别是secret、adapter（Prisma适配器）以及Google Provider的clientId/clientSecret都已正确设置。
2. 确保getServerSession调用时传入了正确的authOptions实例，路径导入无误。

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