javascript - NextJS路由: why do there need to be different client and server routes?

Question

我对 React 有点陌生，但对 NextJS 完全陌生，我正在努力自学。我一直在浏览 NextJS“入门”教程，以及查看其他一些教程。我不明白为什么需要区分客户端路由和服务器上的路由，即为什么作为示例给出的客户端路由使用查询，而服务器路由则没有。我知道我只见树木不见森林，所以如果有人能指出我“grokking”NextJS 路线的正确方向，我将不胜感激。

来自 this教程，在客户端我们可能有

<Link href={`/blog?slug=${slug}`} as={`/blog/${slug}`} prefetch>
  ...
</Link>

这需要我们(看起来)设置一个 Express 服务器并处理路由

/blog/:slug

好的。但为什么？为什么本地链接不是简单的

<Link href={`/blog/${slug}`}  prefetch>
      ...
    </Link>

?或者，为什么 NextJS 不在服务器端处理路由 /blog?slug=${slug} ？

我可以按照 NextJS 网站的“入门”教程(我自己输入代码并对其进行测试)进行操作，但就路由而言，我对什么有点迷茫我在做什么，为什么。显然，我在这里遗漏了一个关键(和基本)元素，希望能提供有关我方法错误的线索。

Answer 1

如果你看路线

/blog/${slug}

这里的 slug 可以采用不同的值作为参数。如果您希望 NextJs 处理此类路由，您需要为 slug 可以采用的每个值实现一个路由。例如。

/blog/slug1
/blog/slug2
/blog/slug3

而且这个数字会增长得非常快。因此，我们使用 Express 服务器，以便我们可以拦截路由 /blog 的请求，并将 slug 作为参数传递给 blog 页面。