reactjs - 您好，我使用 NextJs，我需要从页面实现类似 page/[id]/[slug] 的 url

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>
}