javascript - Next.js 链接刷新页面

Question

我有一个只有 2 条路由的 Next.js 博客:/和 /posts/:slug .

当我在 /posts/my-post-title ，然后我点击返回链接(到 / )，一切都很好。页面加载速度快(不刷新)。

当我在 / ，然后我点击 /posts/my-post-title ，页面刷新，我不知道为什么。有什么建议吗？

链接:blog , sources

Answer 1

我之前遇到过这个问题，我以为我已经解决了，但以上都没有帮助我完全解决这个问题，所以我发布了我的解决方案。

假设您想使用链接转到 slot/[key] 路由。

然后，在 pages 文件夹中创建一个名为 slot 的文件夹，并在其中创建一个名为 [key].js 的文件，注意:不要忘记放那个 []。

在 [key].js 文件夹中，您可以简单地导出要渲染的组件。有很多方法可以解决这个问题，我们现在不讨论。

现在，在使用 Link 时，以这种方式使用它，

                 <Link
                      href={'/slot/[key]'}
                      as = {`/slot/${your_dynamic_variable}`}
                    >
                      <a>
                        Go to the slot route
                      </a>
                    </Link>