Next.js中使用Next-Auth无法在服务端获取Session求助

核心问题定位 #

你的代码里存在两个明显错误，同时可能伴随配置项缺失：

1. 变量名不匹配：getServerSession调用时使用了未定义的request/response变量，而getServerSideProps的参数是req/res
2. getSession参数错误：getSession需要传入包含req的对象，而非直接传递req
3. 可能存在authOptions配置缺失：比如未设置secret或未正确导出配置

修正后的代码示例 #

1. 修正getServerSideProps代码 #

import { getSession, getServerSession } from "next-auth/react";
// 确保从pages/api/auth/[...nextauth].js导入authOptions
import { authOptions } from "../pages/api/auth/[...nextauth]";

export async function getServerSideProps({ req, res }) {
  // 修正getSession的参数格式
  const session = await getSession({ req });
  // 使用正确的变量名req/res，传入authOptions
  const serverSession = await getServerSession(req, res, authOptions);

  return {
    props: {
      session,
      serverSession
    },
  };
}

2. 确保authOptions配置正确 #

在pages/api/auth/[...nextauth].js中必须配置secret和正确的认证提供者：

import NextAuth from "next-auth";
import CredentialsProvider from "next-auth/providers/credentials";

export const authOptions = {
  // 必须设置，可通过openssl rand -hex 32生成随机密钥，从环境变量读取
  secret: process.env.NEXTAUTH_SECRET,
  providers: [
    CredentialsProvider({
      name: "Credentials",
      credentials: {
        username: { label: "Username", type: "text" },
        password: { label: "Password", type: "password" }
      },
      async authorize(credentials) {
        // 替换为你的实际用户验证逻辑
        if (credentials.username === "admin" && credentials.password === "123456") {
          return { id: "1", name: "Admin", email: "admin@example.com" };
        }
        return null;
      }
    })
  ]
};

export default NextAuth(authOptions);

3. 环境变量配置 #

在项目根目录的.env文件中添加NEXTAUTH_SECRET：

NEXTAUTH_SECRET=your-random-secret-key-here

额外排查点 #

• 确认SessionProvider是从next-auth/react导入的，而非其他路径
• 开发环境下，若浏览器阻止本地cookie，可在authOptions中临时设置cookies.secure为false（仅开发环境使用）
• 验证请求头中是否携带next-auth.session-token cookie，服务端需要通过该cookie识别会话

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