vue java 验证登录_vue router+vuex实现首页登录验证判断逻辑

首页登录逻辑要求在页面上判断是否获取到登录token ，没有获取到则跳转到登录页。登录成功后，跳转到前一个页面。

1.vue router

路由判断首先我们想到的是router.beforeEach 前置导航守卫 ，这个方法接受三个参数 to from next 。 to参数为即将跳转的路由路径，from为当前导航正要离开的路由，next方法用来resolve这个钩子。 下面以工作中写的一个判断为为例子：

router.beforeEach(async (to, from, next) => {

const { name, meta } = to;

const { requireLogin } = meta;

if (name === 'login') { // 如果是登录页则用next方法resolve掉这个钩子，如果不是，进行到下一个判断

return next(); //前端全栈学习交流圈：866109386

}//帮助1-3年经验前端人员，突破技术瓶颈，提升技术思维

const needLogin = requireLogin && !store.getters.user.isLogin; // 从store中读取是否获取了已登录的信息

if (needLogin) {

return next({ // 如果没有则跳转到登录页，将当前路由路径放到参数中

name: 'login',

params: { back: to },

});

}

return next();

});