JS中实现多个异步请求的例子

例子1

在vue-router 的 beforeEach 中实现如下异步逻辑：

beforeEach 开始 -> pinia init -> beforeEach 完成

pinia 中方法定义

export const mainStore = defineStore('mainPinia', () => {

    let hasInit = ref(false);
    let postTypes = ref(null) as any;
    let departments = ref(null) as any;

    const initPinia =  async ()  => {
      console.log("init in main pinia")

      if(hasInit.value){  
        return;
      }

      const res = await axios.all([
          postTypesListApi(),
          optionsApi()]
      )

      postTypes.value = res[0];
      departments.value = res[1];
      hasInit.value = true;
    }

    return {
      postTypes,
      departments,
      initPinia
    }
}

vue-router 的方法实现

    store.dispatch('profiles/getUserInfo')
      .then(async (r:any) => {
              const res = await mainStoreApp.initPinia();
        })