NextJS 13 布局中服务器端鉴权后重定向失效问题求助

核心问题出在你用try-catch包裹了redirect()调用——NextJS 13的redirect函数是通过抛出特殊错误来触发服务器端重定向的，一旦错误被catch捕获，框架就无法执行跳转逻辑，这就是代码进入判断分支但重定向没生效的原因。

修复方案 #

直接移除try-catch块，让redirect函数抛出的错误被框架正常处理：

import '../styles/theme.scss';
import Header from '@/components/header/header';
import verifyCookie from '@/firebase/auth/verify';
import {redirect} from 'next/navigation';

export const metadata = {
  title: 'My website',
  description: 'This is a test website',
}

export default async function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
    const isValid = await verifyCookie('user');
    console.log(isValid);

    if (!isValid) { 
      redirect("/login"); // 直接调用，不要用try-catch包裹
    }

  return (
    <html lang="en">
      <head>
        <meta charSet="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
      </head>
      <body>
          <Header />
          {children}
      </body>
    </html>
  );
}

额外注意事项 #

1. 如果verifyCookie函数本身可能抛出异常，应该单独捕获它的错误，不要牵连redirect：

export default async function RootLayout({ children }) {
  let isValid = false;
  try {
    isValid = await verifyCookie('user');
  } catch (e) {
    console.error('Cookie验证出错:', e);
  }

  if (!isValid) { 
    redirect("/login"); 
  }

  // 返回布局内容
}

2. 确保/login页面没有使用当前的RootLayout，否则会触发循环重定向。
3. 确认verifyCookie('user')确实稳定返回false（从你的日志看已进入分支，但可再次验证返回值类型）。

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