Здравствуйте, я использую NextJs, и мне нужно получить URL-адрес, например page/[id]/[slug] со страницы

Question

Мне нужно взять данные, как на странице / [id], но в URL я хочу иметь страницу / [id] / [slug]. Могу ли я это сделать, и если могу, то как?

Answer 1

Сделайте еще один [slug] папка внутри [id] папка.

Итак, ваша файловая структура должна быть такой

      |- pages
|-- [id]
|--- [slug] 
|---- index.js 

Затем вы можете направить свою страницу следующим образом:

      <Link href="/post/MY-ID-VALUE/MY-SLUG">
    <a>Go to pages/post/[id]/[slug].js</a>
 </Link>

Тогда в вашем /pages/[id]/[slug]/index.js вы можете вернуть стоимость id а также slug нравится:

      const Post = () => {
  const router = useRouter()
  const { id, slug } = router.query

  return <p>MyId is: {id} Slug: {slug}</p>
}