reactjs - 使用 nextjs 'catch all' 路由获取数据

Question

使用 nextjs 10，您可以拥有一条包罗万象的路线，看起来像这样[...id].tsx。这个想法是，这将允许动态页面。所以它应该匹配/example,/example/new等/example/new/latest。

我面临的问题是特定匹配的路线（例如/example/new）可能需要额外的数据才能正确呈现。看到我的pages文件夹中只有一个文件，我只能访问一个getStaticProps电话。为所有可能的路线获取所有可能的数据似乎非常浪费。

在组件级别获取服务器端数据将解决他的问题，但这似乎不是 nextjs 中支持的功能

有没有推荐的解决方法？基于内部上下文的条件数据获取getStaticProps？

Answer 1

您应该在哪里获取数据取决于数据的性质。此外，当用户需要数据时。您可以在客户端使用或获取数据getStaticProps。getServerSideProps请参阅文档以了解这些方法之间的差异。