为什么useAsyncData不能在Nuxt3中的SSR上工作

Question

我从 Nuxt2 迁移到 Nuxt3，并且在 SSR API 调用方面遇到了困难。 我想在SSR上执行API调用，但是API是在客户端调用的并且在网络中可见。

在Nuxt2上使用时没有问题：

async asyncData(...

这是我在 Nuxt3 上的代码：

<script setup >
const { data: apiData, pending } = await useAsyncData('api-test', async () => {
  return await $fetch("https://fakestoreapi.com/products")
});
</script>

我获取数据，但 API 调用在网络中可见，这是不行的。 我尝试了“每个”可用的示例，我尝试在 DefineNuxtConfig 中设置 SSR: true ..没有任何帮助。 我错过了什么？

Answer 1

好的 - 我创建了新的应用程序并尝试执行 SSR，现在看来它运行良好并且 API 调用被隐藏。 我猜想，我的 Nuxt2 代码在 Nuxt3 中的兼容性存在一些问题，导致 Nuxt 不创建 SSR 调用，而是创建客户端。