Nuxt3部署Netlify后路由切换时useAsyncData不触发求助

我使用Nuxt3开发了一款应用并部署至Netlify，当前遇到的问题是：使用NuxtLink正常切换路由时，useAsyncData并未被调用。该功能在本地环境运行完全正常，仅在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参数，但问题仍未解决。

以下是针对性的解决建议：

• 禁用页面缓存：在路由组件中添加definePageMeta({ keepalive: false })，强制关闭该页面的组件缓存，确保每次路由切换都重新执行useAsyncData逻辑。
• 确保useAsyncData的key唯一：如果页面包含动态路由参数，将key改为动态生成（比如'get-blogs-' + route.params.id），避免因key重复导致Nuxt3复用缓存数据而不触发新的异步请求。
• 调整Netlify构建模式：检查nuxt.config.ts中的ssr配置，若当前为静态站点生成（SSG）模式，可将ssr设为true或target设为'server'，确保应用以服务端渲染模式运行，避免预渲染页面导致客户端路由切换时不触发数据获取。
• 排查API请求的环境差异：在Netlify控制台查看函数日志，确认getBlogs是否被调用、是否存在请求错误。生产环境可能存在API地址配置错误、CORS问题，即使被catch返回空数组，也会造成useAsyncData未触发的假象。
• 手动触发数据刷新：解构出useAsyncData的refresh方法（const { data, refresh } = useAsyncData(...)），在watch(route, () => refresh())或onMounted中调用，强制每次路由切换时刷新数据。

内容的提问来源于stack exchange，提问作者vanminhquangtri