asnycData 在 NuxtJs 中的页面重新加载上不起作用答案

【问题标题】：asnycData did not work on page reload in NuxtJsasnycData 在 NuxtJs 中的页面重新加载上不起作用
【发布时间】：2021-04-09 10:00:36
【问题描述】：

我使用 asyncData 从 api 获取动态帖子。

在 localhost 中通过 rferesh 和路由设置在查看源代码中。

但在刷新的服务器中 asyncData() 不起作用！

 async asyncData({ params,store , app, route, $axios }) {
    console.log("asyncData");
    try {
      const post = await $axios.get("/api/post/post?slug=lorem-ipsum-manadar-vaghei");
      return {
        post: post.data.result,
      };
    } catch (e) {
      console.log(e);
    }
  },

【问题讨论】：

您在寻找什么，错误是什么？
不行！没有错误！在异步数据中获取动态发布并设置发布但刷新未设置发布！
通过刷新不是 console.log("asyncdata") 而是路由记录
你的意思是页面重新加载还是数据刷新？
是的。重新加载页面后异步数据不起作用

标签： javascript vue.js nuxt.js server-side-rendering asyncdata

【解决方案1】：

我解决了：

 async asyncData(context) {
    return new Promise((resolve, reject) => {
      setTimeout(async () => {
        try {
          const url = "/api/test";
          const postData = await context.$axios.$get(url);
          resolve({
            post: postData.result,
          });
        } catch (e) {
          reject("error");
          console.log(e);
        }
      }, 500);
    });
  },

【讨论】：