router.js 一般情况下vue和后端通信有三中cookie session token 三中区别自行百度,用的最多的是token
那么就涉及到token验证原理就是有token 就可进入有权限的页面没有就跳转到登录页
1.挂载路由导航守卫
// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
// to 将要访问的路径
// from 代表从哪个路径跳转而来
// next 是一个函数,表示放行
// next() 放行 next('/login') 强制跳转
if (to.path === '/login') return next()
// 获取token
const tokenStr = window.sessionStorage.getItem('token')
if (!tokenStr) return next('/login')
next()
})