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;
关于简忆
简忆诞生的故事
粤ICP备16092285号
文章评论（0）