我的問題是，當頁面重新加載時，中間件首先呈現，然后是 vuex；因此，當我想更改 vuex 中的值時，基于用戶是否經過身份驗證，中間件返回 vuex 的初始值。這意味著，如果用戶通過身份驗證，它首先顯示 false，在渲染 vuex 之后，它再顯示 true。但是到那時，中間件已經完成加載。這會導致在頁面刷新時將用戶重定向到登錄頁面。我的問題是，它們是我可以在中間件之前先加載 vuex 的一種方式嗎？這是中間件代碼；export default async function ({ store, redirect }) {  // If the user is not authenticated  const authenticated = await store.state.signup.authenticated  if (!authenticated) {    console.log(!authenticated)    return redirect('/login')  } else {    console.log('I am logged in')  }}這是vuex代碼；import axios from 'axios'export const state = () => ({  authenticated: false,  credential: null,})export const mutations = {  ADD_USER(state, data) {    state.credential = data    state.authenticated = true  },  LOGOUT(state) {    state.credential = null    state.authenticated = false  },}export const actions = {  async addUser({ commit }, data) {    try {      const response = await axios.post(        'http://localhost:8000/api/rest-auth/registration/',        data      )      commit('ADD_USER', response.data)      this.$router.push('/')    } catch (error) {      return console.log(error)    }  },  async addUserLogin({ commit }, data) {    try {      const response = await axios.post(        'http://localhost:8000/api/rest-auth/login/',        data      )      commit('ADD_USER', response.data)      this.$router.push('/')    } catch (error) {      return console.log(error)    }  },}export const getters = {  loggedIn(state) {    return !!state.credential  },}