Nuxt SSR 博客仍然调用 API 端点来获取博客文章，甚至认为它的设置是 SSR

Question

一直在尝试使用 JSONPlaceholder 和 Nuxt.js

构建的简单博客

一切似乎都很好，我有一个存档和单个博客帖子工作正常但是当部署在 Netlify 上时我可以看到浏览器仍在对 JSONPlaceholder 进行 API 调用，即使所有页面都已构建静态的，我可以看到他们已经在 HTML.

中包含了内容

我在 nuxt 配置中使用 generate 中的路由方法根据 JSONPlaceholder /posts 结果创建了 100 个 html 文件。

这是 Netlify link：已删除。

还有一个 public 回购：https://bitbucket.org/oneupstudio/api-test/src/master/

我错过了什么吗？

Answer 1

Nuxt.js 还不支持 'full static generation'，检查这个 RFC。

现在，您可以使用 this 模块来使您的 JSON 请求静态化。

Answer 2

Nuxt 目前支持适当的静态网站生成。尽管必须注意 asyncData 中的 payload 参数。因此，如果存在有效载荷，表明静态生成器正在工作，并且在这种情况下不应进行 api 调用：

async asyncData ({ params, error, payload }) {
  if (payload) return { user: payload }
  else return { user: await backend.fetchUser(params.id) }
}

阅读更多相关内容 here。

---

RFC @DreadMinder 提到的将对此进行进一步改进，但您已经可以使用 Nuxt 构建完整的静态网站。