使用getInitialProps - Next.js保护路由

import { useRouter } from 'next/router';

const ProtectedPage = ({ user }) => {
  const router = useRouter();

  // 在getInitialProps中获取用户信息
  // 如果用户未登录或没有权限，进行重定向
  if (!user || !user.isAdmin) {
    if (typeof window === 'undefined') {
      // 服务器端渲染，重定向到登录页面
      router.replace('/login');
      return null;
    } else {
      // 客户端渲染，使用浏览器的location进行重定向
      window.location.href = '/login';
      return null;
    }
  }

  return <div>受保护的页面内容</div>;
};

ProtectedPage.getInitialProps = async (ctx) => {
  // 获取用户信息，可以通过cookie、session、token等方式
  const user = getUserInfo(ctx.req);

  return { user };
};

export default ProtectedPage;