react+antd通过token判断是否登录

1、 新建until目录，并新建auth.js文件，用户获取token，并判断权限

// 获取token
export function getToken(){
   return localStorage.getItem('token')
}

// 设置token
export function setToken(token){
   localStorage.setItem('token',token);
}

// 判断token是否存在
export function isLogined(){
   if(localStorage.getItem('token')){
       return true
   }else{
       return false
   }
}

2、 在APP.js中引入改文件

import { isLogined } from './utils/auth'

3、 通过三元运算符判断是否获取到token有的话进入后台首页，没有的话跳转到登录页面

isLogined() ? (//跳转首页代码) : (<Redirect to="/login"/>);

例子：

function App() {
 return isLogined() ? (
   <Frame>
      <Switch>
       {adminRoutes.map(route=>{
         return <Route key={route.path} path={route.path} exact={route.exact} render={routeProps=>{
           return <route.component {...routeProps}/>
         }} />
       })}
       <Redirect to={adminRoutes[0].path} from="/admin/wecome"/>
       <Redirect to="/404"/>
     </Switch>
   </Frame>
 ) 
 : (<Redirect to="/login"/>);
}

export default App;