路由导航守卫
导航守卫项目中一般用的比较少,只有特定的需求才会用到。我这里讲的是router.beforeEach,一般在项目中,有些权限的设置就会用到,用户是否是登录状态由后端返回的token字段来确定,当进入一个页面之前,一般会对用户的登录状态进行判断,如果过是登录状态就正常进入,如果不是,就强制用户进入登录页面。下面是代码实例。
import router from './index'
router.beforeEach((to, from, next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
if (to.meta.pathName === '登录页') return next()
let isToken = utils.CK.get('token')
if (isToken) {
return next()
} else {
return next('/login')
}
})