Question

我有“反应”申请(带有传译基)和Im试图在用户进入新圆时登录。

例如。

我只想看到<代码>/共享/page<>/code>,但如果他们试图进入新的圆形,如<代码>/dash板。我完全不赞成。

What I did try.

。安装在使用效果中,但似乎在用户进入新温度时不会发射。
```
useEffect(() => {
  supabase.auth.signOut();
}, [location.pathname]);
```
beforeunloadeven listener not trigger as well.

    useEffect(() => {
      const handleBeforeUnload = () => {
        supabase.auth.signOut();
      };
      window.addEventListener( beforeunload , handleBeforeUnload);
      return () => {
        window.removeEventListener( beforeunload , handleBeforeUnload);
      };
    }, []);

我假定,当新车进入和使用报刊进入时,React将全页重载。在重载时,用户已经进入一个新的构成部分,使所有用户(在我预期用户看到的构成部分之外)都不会触发。

Is there anyway other way to do this?

Answer 1

我建议以下用户流动:

when the user is logged in: store the authentication state in a variable (a store or just a module since modules are singleton). A boolean value should be enough
in all your protected routes, check the value of the authentication state at each render. If the value is false, redirect the login page.

友情链接