vue路由守卫

在访问网站没有登录时进行某些 *** 作时，常常会强制跳转到登录界面，这种 *** 作可以通过vue的路由守卫来进行实现

1、什么是路由守卫

        路由守卫就是路由跳转过程中的一些钩子函数 ，在路由跳转的时候，做一些判断或其它的 *** 作。 类似于组件生命周期钩子函数 

2、如何设置路由守卫

在vue项目的router文件夹中的index.js文件或router.js文件中

//实例化
const router = new VueRouter({
  routes
})

router.beforeEach((to,from,next)=>{
  //to 将要访问的路径
  //from 代表从那个路径跳转而来
  // next 是个函数，代表是否放行 next("./路径") 强制放行
  if(to.path == '/login') return next();
  //获取token值
  const gittoken = window.sessionStorage.getItem('token');
//判断token值是否存在，不存在则跳转到登录界面，如果存在则放行
  if(!gittoken) return next('/login');
  next(); 
});


//抛出
export default router