Next.js App Router中如何通过Cookie重新验证会话？

1. 强制服务器组件每次请求重新校验会话 #

你的NavBar是服务器组件，Next.js默认会对服务器组件做缓存优化，导致getSession()不会在每次页面访问时重新执行。可以通过添加动态渲染指令禁用组件缓存：

在NavBar组件文件顶部加入：

export const revalidate = 0; // 禁用缓存，每次请求都重新渲染组件

或者用另一种方式强制动态渲染：

export const dynamic = "force-dynamic";

这样用户每次访问页面时，服务器都会重新调用getSession()校验会话状态，自然能检测到过期情况。

2. 用中间件实现全局会话校验（推荐） #

中间件能在所有请求到达页面/组件前执行，非常适合做全局的会话过期校验，从根源解决问题：

1. 在项目根目录创建middleware.ts文件：

import { cookies, NextResponse } from "next/server";
import { decrypt } from "./path-to-your-decrypt-function"; // 替换成你的解密函数路径

export async function middleware(request) {
  const sessionCookie = cookies().get("rim_session")?.value;
  
  if (sessionCookie) {
    try {
      const session = await decrypt(sessionCookie);
      // 检查JWT是否过期（根据你的JWT结构，比如校验exp字段）
      const isExpired = Date.now() >= session.exp * 1000;
      if (isExpired) {
        // 清除过期的会话Cookie
        cookies().delete("rim_session");
      }
    } catch (err) {
      // 解密失败或会话无效，直接清除Cookie
      cookies().delete("rim_session");
    }
  }

  // 继续处理后续请求
  return NextResponse.next();
}

// 指定中间件生效的路由范围（这里排除了静态资源和API路由，只作用于页面）
export const config = {
  matcher: ["/((?!api|_next/static|_next/image|favicon.ico).*)"],
};

2. 原理：每次请求都会经过中间件，提前校验会话是否过期，过期则清除Cookie。这样NavBar组件调用getSession()时，拿到的就是最新的Cookie状态（要么是有效会话，要么是null），无需依赖手动刷新。

补充说明 #

• 服务器组件缓存逻辑：如果组件没用到cookies()这类动态函数，或者没显式禁用缓存，Next.js会静态渲染并缓存组件结果。你的getSession()里用了cookies()，理论上应该是动态组件，但如果仍存在缓存问题，添加revalidate=0可以强制动态渲染。
• 客户端侧优化：可以在客户端路由跳转时（比如用useRouter），额外通过API请求校验会话状态，确保客户端UI及时更新，但核心校验必须放在服务器端，避免安全问题。

内容的提问来源于stack exchange，提问作者Guest-01