在vue路由器运行beforeEach (导航保护)之前访问异步存储数据

import axios from 'axios';

export default {
  data() {
    return {
      asyncData: null
    };
  },
  created() {
    this.fetchAsyncData();
  },
  methods: {
    fetchAsyncData() {
      axios.get('https://example.com/api/data')
        .then(response => {
          this.asyncData = response.data;
        })
        .catch(error => {
          console.error(error);
        });
    }
  }
};

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

Vue.use(VueRouter);

const router = new VueRouter({
  // 路由配置...
});

router.beforeEach((to, from, next) => {
  const asyncData = router.app.$options.components.default.data().asyncData;

  if (asyncData === null || asyncData.someCondition) {
    // 阻止导航或进行其他操作
    next(false);
  } else {
    next();
  }
});

export default router;