小编Don*_*yor的帖子

在react-router-dom中使用条件渲染进行身份验证是否安全

在下面的代码中:

如果从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)

javascript node.js reactjs react-router-dom

2
推荐指数
1
解决办法
745
查看次数

标签 统计

javascript ×1

node.js ×1

react-router-dom ×1

reactjs ×1