Nuxt3 加载内容数据

Question

在 Nuxt 2 项目中，我使用 Contentful 来处理 CMS 数据，它提供了一个客户端，您可以使用方法

const api = createClient(api_token, ...)

配置该客户端，然后可以执行类似

api.getEntries(page_type, ...)

的操作，因此在这种情况下，URL 和其他内容都被混淆了，我无法使用 https ://nuxt.com/docs/api/composables/use-fetch 当应用程序直接与某些 REST api 对话时非常有用。

在 Nuxt 3 中，如何通过公开“获取函数”的第 3 方插件/sdk 获取异步数据？如果我将它留在

<script setup>

的根上，数据会同时加载到服务器上，然后再次加载到客户端上，所以对我来说这似乎是错误的，因为它应该包含在某种生命周期方法中，就像在 Nuxt 2 中一样。

Answer 1

根据官方Nuxt文档，如果您想使用SDK获取内容，则必须使用

useAsyncData

函数。

以下是文档的摘录： 在某些情况下，使用 useFetch 可组合项是不合适的，例如当 CMS 或第三方提供自己的查询层时。在这种情况下，您可以使用 useAsyncData 来包装您的调用，并仍然保留可组合项提供的好处。