如果用户没有登陆,但是直接通过URL访问特定页面,需要重新导航到登陆页面,这时就需要路由导航守卫,做一个跳转。
配置方式:
// 挂在路由导航守卫 // 如果用户没有登陆,但是直接通过URL访问特定页面,需要重新导航到登陆页面 router.beforeEach((to, from, next) => { // to 将要访问的路径 // from 从哪个路径跳转而来 // next 是一个函数,表示放行 // 如果是访问登陆页面直接放行 if (to.path === '/login') return next() // 获取token const token = window.sessionStorage.token // 如果没有token 跳转到登陆页面 if (!token) return next('/login') // 否则直接放行 next() })