导航守卫主要通过跳转或取消的方式守卫导航
导航守卫可以用于在页面跳转前做一些需要的逻辑处理
例如:点击我的,登录前跳转进入登录页面,登录后跳转进入我的页面
可以在router文件夹下的index.js中写入路由导航
router.beforeEach((to, from, next) => {
// to:即将进入的路由对象,包含name、params、meta等
// from:即将离开的路由对象,包含name、params、meta等
// next():确保调用next(),否则钩子就不会被resolved
if(to.name === 'Main'){
if(getToken()){
// token存在,跳转我的页面
// token不存在,跳转登录页
}
}
next()
})