刷新页面vuex数据不消失和不跳转页面问题（详细教程）

// 登录
 Login({ commit, state }, userInfo) {
 return new Promise((resolve, reject) => {
 login(userInfo).then(response => {
 let token = response.data.token;
 commit('SET_TOKEN', token);
 sessionStorage.setItem('token', token); //获取到新的token的时候赋值给sessionStorage

 commit('SET_ISLOGIN', true); // 登录成功修改store中的登录状态
 resolve()
 }).catch(error => {
 reject(error)
 })
 })
 },

router.beforeEach((to, from, next) => {
 let isLogin = sessionStorage.getItem('isLogin');
 let token = sessionStorage.getItem('token');
 let id = sessionStorage.getItem('id');
 if (to.meta.requireAuth) { // 判断是否有权限
 if (!store.state.isLogin && !isLogin && to.path !== '/login') { // store和sessionStorage中登录状态都为false并且跳转到 不是登录的页面时 都强行跳转到登录页面 
 next({
 path: '/login',
 });
 } else if (!isLogin && to.path !== '/login') { // 已经在登录页面进入首页的时候
 sessionStorage.setItem('isLogin', store.state.isLogin);
 next();
 } else if (isLogin && to.path !== '/login') { // 登录进入后刷新页面时
 store.commit('SET_TOKEN', token);
 store.commit('SET_ISLOGIN', isLogin);
 store.commit('SET_ID', id);
 next();
 } else {
 next();
 }
 }
 else {
 next();
 }
});