如果试图直接在浏览器中访问安全页面，NextJS如何处理它们

0yg35tkg 于 2023-10-18 发布在其他

关注(0)|答案(1)|浏览(97)

当用户未登录并试图直接在浏览器中访问安全页面时，NextJS如何处理这些页面？
现在，我正在尝试访问/dashbaord（一个安全页面）。它显示 Jmeter 板DOM的，见下面的截图.

我是NextJS的新手。提前感谢！

1条答案

成功登录系统后，您可以将一些数据添加到浏览器的本地存储中。在 Jmeter 板页面上，您需要检查本地存储是否有您成功登录时插入的值，然后用户可以加载该页面，否则您可以重定向到登录页面。
在登录页面上，如果用户输入了正确的凭据，则需要为本地存储设置一些值。

localStorage.setItem("login", "logged");

在 Jmeter 板页面上，您需要检查本地存储是否有会话。

const router = useRouter();

useEffect(() => {
  if(localStorage.getItem("login") !== "logged"){
    router.push('/login');
  }
}, []);

注意：这不是合适的方法。保留一些令牌，而不是'logged'值。