为了防止用户直接通过修改url实现页面跳转,需要写导航守卫防止用户这样操作。
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
// 如果用户访问的登录页,直接放行
if(to.path === 'login') return next()
// 从 sessionStorage 中获取到 保存的 tok