NuxtJS - использовать метод asyndData в макете или компоненте

Question

Как я могу использовать asyncData в макете или компоненте ( явно запрещено )?

Поскольку мой компонент боковой панели используется в макете по умолчанию, и мне нужно использовать asyncData дляотображать данные из бэкэнда. И если я использую Vuex для получения данных ... Я не знаю, как я могу получить это с помощью global на каждой странице.

Моя аннотация компонента макета:

  @Component({
    components: {
      LeftDrawer
    },
    async asyncData({ app }) {
      const latestPosts = await app.$axios.get(`/posts/latest`);

      return {
        latestPosts: latestPosts.data,
      };
    }
  })

Answer 1

fetch и asyncData работают только для страниц, как указано в документации . Если вам нужно что-то для получения данных на каждой странице, используйте nuxtServerInit

actions: {
  async nuxtServerInit({ dispatch }) {
    await dispatch('core/load')
  }
}