Vue 初始化用户存储

Question

我的 vuex 商店中有一个模块auth 。 在那里我想存储我的用户对象（包含访问令牌，...）使用商店，我可以轻松地使用商店 getter 在我的应用程序中的任何地方询问用户是否已登录等...

我还将用户信息（accessToken 等...）存储在localStorage中，以便在关闭应用程序后处理用户返回，并且用户仍然“登录”（即令牌仍然有效）。

我的问题是：当用户刷新页面时，我的beforeEach函数是调用的第一件事。 但是当时我的用户商店还没有填满。 所以我的

let loggedIn = store.getters['auth/isLoggedIn']; 在beforeEach返回 false。

我在App.vue beforeMount ：

if (JSON.parse((localStorage.getItem("user") || '{}'))) {
      //This is the mutation to the user store
      this.SET_USER(JSON.parse((localStorage.getItem("user") || '{}')));

但是这是在router中的beforeEach已经执行之后beforeEach 。 所以我应该在我的应用程序的哪个位置放置：

if (JSON.parse((localStorage.getItem("user") || '{}'))) {
      this.SET_USER(JSON.parse((localStorage.getItem("user") || '{}')));

那么用户存储在一开始就被正确填充了？