Nuxt - 我在asyncData中遇到非常慢的axios请求

Question

nuxt：2.4.5 @ nuxtjs / axios：5.4.1

我在asyncData中获取数据并且持续时间为5s，这使得加载页面非常长，它与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(() => {});
    },

在created和asyncData中使用时，Axios请求的工作方式应该相同。

Answer 1

他们的工作方式相同。这意味着你的api返回数据5秒，所以你需要看看你的api有什么问题。

asyncData和created之间的区别在于，在asyncData中，nuxt将等待请求在呈现页面之前完成，并且在创建它之后它将不会等待并且只是呈现页面并稍后用请求结果更新它