提示:react没有vue中的路由守卫,只能在路径上拦截
1.定义验证函数
有token:true
没有token:false
function isLogin(){
if(!localStorage.getItem("token")){
return false
}
return true
}
2.建立路由,判断token
//引入使用的react路由组件,和使用语法
import {BrowserRouter as BR,Route,Switch,Redirect} from 'react-router-dom'
import React from 'react'
import App from '../App'
//引路由
import Login from '../Views/Login'
import Shopcar from '../Views/Shopcar'
<BR>
<App>
<Switch>
<Route path="/Login" component={Login}/>
<Route path="/Shopcar" render={()=>
isLogin()?<Shopcar/>:<Redirect to ="/Login"/>
//判断成功进入页面,不成功跳转登录
}
/>
</Switch>
</App>
</BR>