刷新页面后为什么router.beforeEach中state的为空？

Question

刷新页面后vuex从sessionStorage获取，为什么router.beforeEach中state的为空？

vuex:

const state = {  state: {
    token: sessionStorage.getItem('token') || '',
  },
}

router:

router.beforeEach(function(to, from, next) {
  console.log(to.meta.auth,store.state.token,to.path);
  if (to.meta.auth && !store.state.token && to.path !== '/login') {
    return next({
      path: '/login',
      query: {redirect: to.fullPath}
    })
  }
  next();
});

在用户登陆后刷新页面，为什么beforeEach里store.state.token为空？

---

因为我把store写成了state...
QAQ每天都在问傻逼问题

Answer 1

const store = { // 这里是 store ？  state: {    token: sessionStorage.getItem('token') || '',  },}初始化 store 实例时，如果没登录 token 应该是空的，之后如果登录，sessionStorage 保存到 token 后，state.token 也不会再改变了，因为没有 mutation 去触发重新获取