Next JS - 重新加载或直接动态路由的问题答案

【问题标题】：Next JS - Problem with reloading or direct dynamic routeNext JS - 重新加载或直接动态路由的问题
【发布时间】：2021-08-25 12:26:24
【问题描述】：

所以我对 NextJS 有问题，我有几个页面有动态路由，例如：

queries/[id].tsx
queries/index.tsx

现在处于开发模式，当我进入时它加载正常

https://localhost:3006/queries/1324

问题是当我构建它时，我无法直接链接到该 url。我必须进入主页并单击它。有没有办法解决这个问题？我正在部署到一个 azure 静态 Web 应用程序。

我已经尝试使用 exportPathMap，但问题是我们正在生成大量查询，并且每次有人提出新查询时我都无法重建。

【问题讨论】：

exportPathMap 允许您指定在导出静态站点时应该构建和导出哪些页面，这意味着不会按需构建动态页面。如果您需要在用户访问它们时按需构建这些页面，并且您不能或不想预先生成所有查询的列表，以便可以构建它们的页面并将其导出为静态 html 页面，那么您需要放弃 exportPathMap 并查看 getServerSideProps 并在 SSR 模式下运行您的网站。

【解决方案1】：

我认为你应该使用 NextJS 函数 getStaticProps 和 getStaticPaths 。这将解决您的问题 Documentation

【讨论】：