Nuxt3 - Netlify：路由更改时不调用 useAsyncData

Question

我有一个 Nuxt3 的应用程序，部署到 Netlify。我的问题是：当我的路线改变时，不会调用 useAsyncData 。我像平常一样使用 NuxtLink 在页面之间导航。

它在本地主机上完美运行。只是在 Netlify 上部署时不起作用。

这是我的异步数据代码：

const { data } = await useAsyncData(
  'get-blogs',
  async () => {
    try {
      const response = await getBlogs();
      if (response?.success) {
        return response?.data || [];
      } else {
        return [];
      }
    } catch (error) {
      return [];
    }
  },
  { lazy: true },
);

我也已经尝试删除lazy: true，问题仍然发生。

您能给我一些建议吗？谢谢你。

Answer 1

我发现问题来自关键的get-blogs。我们需要对不同的页面使用不同的密钥。如果所有页面使用相同的密钥，则 useAsyncData 将仅调用一次。