vue中会使用导航守卫判断token,
react中使用redirect 方式
使用高阶组件 定义PrivateRoute 导出
在router中 用
<PrivateRoute path="/admin/roles" exact component={Roles}></PrivateRoute>
的方式判断需要token的路由
import React, { Component } from 'react'
import {Redirect, Route} from 'react-router-dom'
function PrivateRoute({ component:Children, ...rest }) {
return (
<Route
{...rest}
render={() =>{
let token = localStorage.getItem('token')
if(token){
return <Children/>
}else{
return <Redirect
to={
'/login'
}/>
}
}
}
/>
);
}
export default PrivateRoute