Vue.js 如何在Vue自定义中间件中获取Vuex更新的getters值以进行权限检查？

在登录和getter更新后加载侧栏时，我已加载所有权限。我可以从边栏组件访问所有权限。 现在我想访问中间件中的所有权限。可能吗？怎么办？ 请提个建议

这是我的权限存储：

const state = {
    permissions: [],
    user: [],
  }
  const getters = {
    getPermissions: state => state.permissions,
    getUserInfo: state => state.user,
  }
  const actions = {
      userPermission({commit}, data) {          
        if (data != null) {
            axios.get("/api/auth/user", {params: { token: data.token}})
            .then(res => {
                const per = res.data.data.permissions;                
                commit("setPermissions", per);
                // console.log(res.data.data.permissions);
            })
            .catch(err => {
                console.log(err);            
            });
        }
      },
      userInfo({commit}, data) {          
        if (data != null) {
            axios.get("/api/auth/user", {params: { token: data.token}})
            .then(res => {
                const info = res.data.data.user;                
                commit("setUserInfo", info);
                // console.log(res.data.data.user);
            })
            .catch(err => {
                console.log(err);            
            });
        }
      },
  } 
  const mutations = {
    setPermissions(state, data) {
        state.permissions = data;
    },
    setUserInfo(state, data) {
        state.user = data;
    }
  }
  export default {
    state,
    getters,
    actions,
    mutations
  }

以下是中间件的功能：

import store from '../store';
export default (to, from, next) => {
    if (isAuthenticated()) {        
        if (!hasPermissionsNeeded(to)) {
            next('admin/permission-denied');
        } else {
            next();
        }
        next();
    } else {
        next('/admin/session/login');
    }
};
function isAuthenticated() {
    if (localStorage.getItem("userInfo") != null && localStorage.getItem("userInfo").length > 0) {
        return true;
    } else {
        localStorage.removeItem("userInfo");
        return false;
    }
};
function hasPermissionsNeeded(to) {
    var permissions = store.getters.getPermissions;
    if(permissions.includes(to.meta.permissions) || to.meta.permissions == '*') {
        return true;
    } else {
        return false;
    }
};

以下是路由器逻辑：

path: "/admin/country",
    component: () => import("./views/admin/country/country"),
    beforeEnter: authenticate,
    meta : {
      permissions: 'browse country'
    }

---

我看不到您将

userPermission

操作分派到何处以加载权限，但我假设您只将其分派到某个只有在中间件运行后才被调用的地方。因此，在运行中间件时，权限可能尚未加载。您可能希望在中间件中分派权限，等待它完成，然后才检查权限。例如：

export default (to, from, next) => {
    store.dispatch('userPermission').then(() => {
        if (isAuthenticated()) {
        ...
    })

---

我看不到您将

userPermission

操作分派到何处以加载权限，但我假设您只将其分派到某个只有在中间件运行后才被调用的地方。因此，在运行中间件时，权限可能尚未加载。您可能希望在中间件中分派权限，等待它完成，然后才检查权限。例如：

export default (to, from, next) => {
    store.dispatch('userPermission').then(() => {
        if (isAuthenticated()) {
        ...
    })