Vuex初始状态在令牌回答后丢失

在Vuex中，初始状态在令牌回答后丢失可能是因为在刷新页面或重新加载应用程序时，Vuex的状态会重置为初始状态。为了解决这个问题，你可以将令牌存储在浏览器的本地存储中，然后在应用程序初始化时从本地存储中恢复状态。

以下是一个示例代码，展示了如何在Vuex中保存令牌，并在应用程序初始化时恢复状态：

// main.js

import Vue from 'vue';
import App from './App.vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    token: null
  },
  mutations: {
    setToken(state, token) {
      state.token = token;
    }
  },
  actions: {
    loadToken({ commit }) {
      const token = localStorage.getItem('token');
      if (token) {
        commit('setToken', token);
      }
    }
  }
});

store.dispatch('loadToken');

new Vue({
  store,
  render: h => h(App)
}).$mount('#app');

在上面的代码中，我们通过在actions中定义loadToken方法来从本地存储中加载令牌。在loadToken方法中，我们使用localStorage.getItem('token')来获取存储在本地存储中的令牌，并使用commit方法将其保存到Vuex的状态中。

然后，在应用程序初始化时，我们调用store.dispatch('loadToken')来触发loadToken方法，并从本地存储中加载令牌。这样，即使刷新页面或重新加载应用程序，令牌的状态仍然会被正确地恢复。

请注意，此示例假定你已经在其他地方（例如登录组件）将令牌保存到本地存储中。