详解刷新页面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(); }});