成功登录后登录页面未重定向到主页

Posted 2023-02-19

【中文标题】成功登录后登录页面未重定向到主页

【英文标题】：Login page not redirecting to home page on successful login

【发布时间】：2022-01-17 01:46:30

【问题描述】：

我正在使用 aws amplify 进行身份验证。 单击登录时 Auth.currentAuthenticatedUser() 返回 true 但页面重定向到主页，单击刷新时重定向到主页并且工作正常。

这是代码

Home.js

function Home(props) 
  const [auth, setAuth] = useState();

  async function isAuthenticated() 
    try 
      let res = await Auth.currentAuthenticatedUser();
      console.log(res);
      setAuth(true);
     catch 
      setAuth(false);
      console.log("error");
    
  
  useEffect(() => 
    isAuthenticated();
  , [auth]);

  console.log(auth);
  return false ? (
    <div className="c-app c-default-layout">
      <Sidebar />
      <div className="c-wrapper">
        <Header ...props />
        <div className="c-body">
          <Content />
        </div>
        <Footer />
      </div>
    </div>
  ) : (
    <Redirect to="/login" />
  );

【参考方案1】：

首先，在返回条件中总是为假，所以会一直重定向到'/login'页面。

考虑到您在返回条件中有auth 而不是false，第一次渲染时 auth 的值将是未定义的，因此它会再次重定向到“/login”页面。