路由前置守卫—访问权限处理—router.beforeEach()的介绍使用

1、先简单介绍一下beforeEach，它是Vue-router 的钩子函数，有三个参数,分别是：
1.1）to:router 即将进入的路由对象
1.2）from:当前导航即将离开的路由
1.3）next:function,进行管道中的一个钩子，如果执行完了,则导航的状态就是 confirmed
2、使用
2.1）在router.js中定义使用，并需要在路由的export default导出前进行定义使用。
2.2）通过router.beforeEach((to, from, next) => {}) 代码如下：

router.beforeEach((to, from, next) => {
  if (to.path === '/login') return next() // 全等就放行
  const tokenStr = window.sessionStorage.getItem('token')// 获取本地存储中的token
  if (!tokenStr) return next('/login') //如果没有token就强制跳转到登录页面 
  next()
})