像React-Router这样的NextJS URL参数

斯丁达蒙2020-03-20

我是NextJS的新手，第一印象看起来非常好。但是在给了机会之后，我遇到了一些问题，例如带有自定义参数的URL路由，例如react-router。

https://url.com/users?id:123

https://url.com/users/123

ProGil2020/03/20 14:16:21

您可以使用next/link的as功能：

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

浏览器上的链接将显示为/product/slug内部映射到的链接/product?slug=slug

您需要具有用于服务器端映射的自定义服务器：

server.get("/product/:slug", (req, res) => {
  return app.render(req, res, "/product", { slug: req.params.slug })
})

古一2020/03/20 14:16:21

我曾经遇到过同样的问题，但是我发现了这个包， https://github.com/fridays/next-routes

它的工作原理几乎与react-router相同，我已经尝试过了，并且对我有用。

Gil2020/03/20 14:16:21

本示例将帮助您定义参数化的命名路由。它使用嵌套/路由，并让您定义自定义的首选路由。希望对您有帮助。

Newest Answer