路由导航守卫控制访问权限( 如果用户没有登录，但是直接通过URL访问特定页面，需要重新导航到登录页面 )

路由导航守卫控制访问权限

如果用户没有登录，但是直接通过URL访问特定页面，需要重新导航到登录页面
在 router 下的 index.js 中 暴露 路由 之前 （ 在 export default router 之前挂载路由导航守卫 ）

//  挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数，表示放行
// next() 放行   next('/login') 强制跳转

// 如果用户访问的登录页，直接放行
if(to.path === 'login') return next()
// 从 sessionStorage 中获取到 保存的 token 值
const tokenStr = window.sessionStorage.getItem('token')
// 没有token，强制跳转到登录页
if(!tokenStr) return next('login')
// 存在token 直接放行
next()
})