vue在路由中验证token是否存在
1. 在router/index.js 进行验证2. 代码如下:import Vue from 'vue'import Router from 'vue-router'import Login from '@/components/common/Login';......Vue.use(Router)const router = new Router({routes:...
·
1. 在router/index.js
进行验证
2. 代码如下:
import Vue from 'vue'
import Router from 'vue-router'
import Login from '@/components/common/Login';
......
Vue.use(Router)
const router = new Router({
routes: [{
path: '/',
name: Login,
component: Login,
},
{
path: '/home',
component: Home,
meta: {
requiresAuth: true // 要求验证的页面,在此情况下其子页面也会被验证.
},
children: [{
path: '/paChong',
name: 'PaChong',
component: PaChong
}
]
}
]
})
router.beforeEach((to, from, next) => {
if (to.matched.some(record => record.meta.requiresAuth)) { // 哪些需要验证
if (!sessionStorage.getItem("token")) { // token存在条件
next({
path: '/', // 验证失败要跳转的页面
query: {
redirect: to.fullPath // 要传的参数
}
})
} else {
next()
}
} else {
next() // 确保一定要调用 next()
}
})
export default router
更多推荐
已为社区贡献5条内容
所有评论(0)