vue 路由守卫导航
程序员文章站
2022-03-24 18:47:15
...
在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