通常在项目中,我们需要用户登录才能使用户正常访问
vue 中的beforeEach 对路由做拦截。如未登录跳转登陆页面,登录成功的正常访问
const router = new Router({}) //正常配置路径
router.beforeEach((to, from, next) => {
// 通过 js-cookie 设置、保存、删除 cookie
// 判断是否登陆
let token = Cookies.get('token');
var nowTime = new Date().valueOf();
if (token) { // 如果已经登录的话
if (to.path === '/login') {
next();
} else {
if (nowTime < token) { // 判断当前token 是否过期
next()
} else {
Cookies.remove('token')
next({
path: '/login'
});
}
}
} else {
if (to.path === '/login') {
next();
} else {
next({
path: '/login'
});
}
}
})