在router.js里面
const router = new Router({
routes: [
{
path: '/',
name: 'login',
component: login
},
{
path: '/login',
name: 'login',
component: login
},
{
path: '/home',
name: 'home',
component: home
}
]
})
//挂载路由守卫
router.beforeEach((to, from, next) => {
// to将要访问的路径
//from 代表从哪个路径跳转而来
//next 是一个函数。表示放行
//next()放行,next('/login') 强制跳转
if(to.path=='/login') return next();
//获取token
const tokenr=window.sessionStorage.getItem('token')
if(!tokenr) return next('/login')
next()
})
export default router
vue 路由守卫导航
最新推荐文章于 2024-04-26 10:02:08 发布
该博客介绍了在Vue.js应用中如何配置router.js,包括基本路由设置与重定向。同时,展示了如何实现路由守卫功能,通过检查sessionStorage中的token来控制用户访问权限,实现登录拦截与强制跳转。这有助于理解和实践前端路由管理和用户认证机制。
摘要由CSDN通过智能技术生成