判断用户是否登录来决定访问权限

1.判断用户是否登录的函数

export const isLogin=()=>{
    if(localStorage.getItem("token"))
        return true
    else
        return false
}

2.如果用户登录就允许访问主要页面，如果没有就重定向

import './App.css';
import {Switch,Route ,Redirect} from 'react-router-dom'
import {adminRoutes} from './routes'
import 'antd/dist/antd.css'
import Frame from './components/Frame/Index'
import './App.css'
import { isLogin  } from "./utils/user"
function App() {
  return (
 
    // @ts-ignore
    isLogin()?
    <Frame>
        <Switch>
            {adminRoutes.map(route=>{
               return <Route 
               key={route.path} 
               path={route.path} 
               exact={route.exact}
               render={routeProps => {
                // @ts-ignore
                return <route.component {...routeProps} />;
              }}
               ></Route>
            })}
            <Redirect to={adminRoutes[0].path} from="/admin"></Redirect>
            <Redirect to='/404'></Redirect>
        </Switch>
    </Frame>:<Redirect to="/login"></Redirect>
  );
}

export default App;