在下面的代码中:
如果从ClientSide发送的用户身份验证数据与后端匹配,则后端发送带有用户id的响应,在前面设置,然后组件发送第一种情况,客户端可以访问任何受保护的组件。否则,设置然后组件发送第二种情况,其中仅包含和路由.认证方式安全吗?
setIsAuthtrueLayout<Switch>setIsAuthfalseLayout<Switch><Signup /><Login />
let [isAuth, setIsAuth]=useState( false )
return (
<>
{
isAuth ? <Switch>
<Route exact path={"/"} component={ Home } />
<Route exact path={"/shopping-card"} component={ShoppingCard} />
<Route exact path={"/order-success"} component={ OrderSuccess } />
<Route exact path={"/orders"} component={ Orders } />
<Route exact path={"/products"} component={ Products } />
<Redirect to={"/user/login"} />
</Switch> : <Switch>
<Route exact path={"/user/signup"} component={ Signup } /> …Run Code Online (Sandbox Code Playgroud)