如何从vue-router访问vuex getters并设置守卫？

import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

const store = new Vuex.Store({
  state: {
    // 定义你的state数据
  },
  getters: {
    // 定义你的getter
    getData(state) {
      return state.data;
    }
  },
  mutations: {
    // 定义你的mutation
  },
  actions: {
    // 定义你的action
  }
});

export default store;

import { mapGetters } from 'vuex';

export default {
  computed: {
    ...mapGetters(['getData'])  // 引入getter
  },
  // 组件其他代码
}

import Vue from 'vue';
import Router from 'vue-router';

Vue.use(Router);

const router = new Router({
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home,
      meta: {
        requiresAuth: true  // 设置需要认证才能访问的路由
      }
    },
    // 其他路由配置
  ]
});

router.beforeEach((to, from, next) => {
  if (to.matched.some(record => record.meta.requiresAuth)) {
    // 获取getter的返回值
    const data = store.getters.getData;
    
    // 进行守卫判断
    if (data === 'admin') {
      // 允许访问
      next();
    } else {
      // 不允许访问
      next('/login');
    }
  } else {
    // 不需要守卫的路由，直接放行
    next();
  }
});

export default router;