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()
})