逻辑:判断token是否存在,不存在强制跳转到登陆页面
router.beforeEach()---其中有三个参数
to :表示将要访问的路由的信息
from :表示将要离开的路由的信息
next :是一个函数,调用next()函数表示放行
在路由配置文件中配置导航守卫
// 全局前置路由守卫
router.beforeEach((to,from,next)=>{
// to 表示将要访问的路由的信息
// from 表示将要离开的路由的信息
// next 是一个函数,调用next()函数表示放行
const token = localStorage.getItem('token')
// 如果token存在进入后台页面,不存在强制跳到登录页面
if (token) {
if (to.path === '/login') next('/main')
else next()
} else {
// 没有token 只能访问登录页面 其它页面无法访问
if (to.path === '/login') {
next()
}else next('/login')
}
})