reactjs - auth.loginWithRedirect() 之后的 Auth0 重定向循环 - @auth0/auth0-spa-js

Question

我目前正在将我的(React)应用程序的身份验证从 Auth0 React SDK 切换到普通的 SPA SDK(因为我不喜欢 React SDK 中获取 token 的方式)

我现在面临的问题是，当我登录到应用程序时，我陷入了(我认为)由以下组件引起的无休止的重定向循环。一些上下文:路由器使用 protected 路由，将用户重定向到处理身份验证的/login 路由。在下面的组件中，auth.isAuthenticated() 总是返回 false... 这就是调用 auth.loginWithRedirect() 的原因。但我看不出如何解决这个...

const LoginRoute: React.FunctionComponent<any> = ({ ...props }) => {
  const { isLoggedIn, loading } = useSelector(userSelector);
  const dispatch = useDispatch();

  useEffect(() => {
    const handleAsyncLogin = async () => {
      const isAuthenticated = await auth.isAuthenticated();
      if (isAuthenticated) {
        // Auth0 says we are logged in, so we only need to store the user in the store
        dispatch(login());
      } else if (!!auth && !loading) {
        // We are *not* logged in. Go to Auth0 login page.
        await auth?.loginWithRedirect();
      }
    };
    handleAsyncLogin();
  }, [dispatch, loading]);

  return (
    <Route
      {...props}
      component={() => {
        if (isLoggedIn) {
          console.log("Is Logged In");
          // We are *definitely* logged in, go to projects
          return <Redirect to="/questionsFromMe" />;
        }
        if (loading) {
          return <Loader />;
        }
        return <div />;
      }}
    />
  );
};

请帮帮我!提前致谢。

Answer 1

尝试在 auth0 应用程序属性页面中将“应用程序类型”设置为适合您的应用程序的值(如果您尚未设置)。