如何在 Next.Js 中重定向（客户端）

Question

如果用户是否有保存在 cookies 中的令牌，我正在尝试进行重定向，这是我的代码：

const Secret = () => {
  const router = useRouter();
  const [token] = useState({
    token: cookies.get("token") || null,
  });
  if (token.token == null || token.token.hasOwnProperty("error")) {
    router.push("/login");
  } else {
    router.push("/");
  }
  return (
    <>
      <h1>Secret</h1>
    </>
  );
};

但我收到此错误：未找到路由器实例。 您应该只在应用程序的客户端内使用“next/router”。 任何人都知道如何解决它？ 谢谢！

Answer 1

我认为问题来自您将代码放入的位置。您的情况应该是在安装组件时发生的，所以试试这个：

React.useEffect(() => {
 if (token.token == null || token.token.hasOwnProperty("error")) {
    router.push("/login");
  } else {
    router.push("/");
  }
}, [])