使用nextjs捕获所有路由的数据获取

Question

使用nextjs 10，您可以捕获所有路由，看起来像这样[...id].tsx。想法是，这将允许动态页面。因此它应该与/example，/example/new，/example/new/latest等匹配。

面临的问题是，特定的匹配路线（例如/example/new）可能需要额外的数据才能正确呈现。由于我在pages文件夹中实际上只有一个文件，因此我只能访问一个getStaticProps呼叫。获取所有可能路线的所有可能数据似乎很浪费。

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

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

Answer 1

应在何处获取数据取决于数据的性质。另外，当用户需要数据时。您可以使用getStaticProps，getServerSideProps或在客户端获取数据。请参阅documentation，以了解两种方法之间的差异。