Nuxt - я борюсь с очень медленными запросами axios в asyncData

Question

nuxt: 2.4.5 @ nuxtjs / axios: 5.4.1

Я получаю данные в asyncData, и это длится как 5 с, это делает загрузку страницы ужасно длинной, это связано с запросом axios, когда я делаю то же самое, но в методе created вместо asyncData все идеально.

Я попытался переустановить все зависимости и использовать более старые версии, а также новейшие, с тем же результатом.

    asyncData({ app: {$axios} }) {
      // this is very slow
      return $axios.get('/api/v1/advertisements').then(() => {});
    },

    created() {
      // this works perfect
      this.$axios.get('/api/v1/advertisements').then(() => {});
    },

Запросы Axios должны работать одинаково при использовании в create и asyncData.

Answer 1

Они работают одинаково.Это означает, что ваши API возвращают данные в течение 5 секунд, поэтому вам нужно выяснить, что не так с вашим API.

Разница между asyncData и созданным в том, что в asyncData nuxt будет ожидать завершения запроса перед отображением страницы, ив созданном он не будет ждать и просто отобразит страницу и обновит ее позже с результатом запроса