asnycData 无法在 NuxtJs 中重新加载页面

时间:2021-01-03 10:09:40

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

我使用 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);
    }
  },

1 个答案:

答案 0 :(得分:0)

我解决了:

 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);
    });
  },