ISR 或 SSR 在远程返回 null

ISR or SSR returns null on remote

提问人:Pablo Alaniz 提问时间:11/15/2023 更新时间:11/15/2023 访问量:14

问:

我有一个问题要问你。我尝试了一个带有 ISR 的页面,它在遥控器上不起作用。

export async function getStaticPaths() {
    return {
      paths: [],
      fallback: "blocking"
    };
  };

  export const getStaticProps = async (context: { params: { slug?: string } }) => {
    const eventSlug = context.params?.slug as string;

    const eventProps = await getEventProps(eventSlug)
    const globalData = await fetchGlobalData()

    return {
      props: {
        ...eventProps,
        ...globalData,
      }
    }
  }

如果我在本地尝试,效果很好。但是当我在已发布的网站上尝试它时,它从中检索的数据带来了 null,然后我最终使用 CSR 获取 API。_next/data/.../example.json

问题在于它向 API 发出请求,因为静态生成的数据为 null。

我用 SSR 替换了 ISR,我遇到了同样的问题。数据以 null 形式到达,并最终向 API 发出不应发出的请求。

有什么想法吗?

reactjs next.js 服务器端 客户端渲染

评论

0赞 Yilmaz 11/15/2023
你的下一个 .js 版本是什么
0赞 Pablo Alaniz 11/15/2023
嘿@Yilmaz“下一个”:“^13.5.4”
0赞 Yilmaz 11/15/2023
您只能在 pages 目录中使用它们
0赞 Pablo Alaniz 11/15/2023
我不太确定,但我注意到的是,在同一请求中,从导航栏和页脚中检索全局数据,并带来数据;相反,我对特定页面感兴趣的数据不会。
0赞 Pablo Alaniz 11/15/2023
是的,我正在文件 pages/event/[slug].tsx 中处理一个动态页面

答: 暂无答案