如何将成功登录从 Axios 重定向到另一个页面？

Posted 2023-03-16

【中文标题】如何将成功登录从 Axios 重定向到另一个页面？

【英文标题】：How do I redirect a success login from Axios to another page?

【发布时间】：2021-03-30 20:23:33

【问题描述】：

我想登录成功然后转到另一个页面。我查了一下文档，用redux或者class组件。（我没用redux。）所以试了一下，没反应。

function SignUp()
  const [redirect, setRedirect]=useState(null);
  if(redirect)
    return <Redirect to=Home/>
  


export function SignIn(url, id, password)
    const data=
      id,
      password,
    ;
    const params=new URLSearchParams();
    axios(
      
        url: url,
        method: 'POST',
        baseURL: ' ',
        data: data,
        params: 
          'id':data.id,
          'password':data.password,
        ,
        headers: 
           //code
        ,
      
    )
    .then(function(response)
      if (response.data.response.result==200) 
        SignUp();
        console.log('success');
      
    )
    .catch(function(error)
      console.log(error);
    )

这是我尝试的第一个代码。

.then(function(response)
      if (response.data.response.result==200) 
        <Route>
         <Redirect to= pathname: '/DeviceManage', component:Home/>
        </Route>
        console.log('success');
      
    )

但没有回应。 TT 感谢您帮助解决问题。！！

【参考方案1】：

您的代码看起来像是在 javascript 上下文而不是 JSX 下。 Javascript 不知道如何直接解释 JSX。我猜你现在正在收到 Javascript 错误。为什么不试试呢：

axios(
  ...
) .then( () => 
   console.log('success');
   window.location.href = '/DeviceManage';

).catch( ... );