如何访问 Next.js 中的 [id]/routeName

How can I access to [id]/routeName in Next.js

我有一个简单的项目,当用户转到 link 时,例如:localhost:3000/course/[id] 然后用户单击加入,url 将更改为 localhost:3000/course/[id]/routeName 我怎样才能在页面中创建这样的文件夹? 非常感谢!

我明白了! 如果你和我有同样的问题!

pages
   |-categories
       |-[category_slug]
           |-index.js     
           |-product
               |-[product_slug].js  

就是这样!

你想要 Next 所说的 'Multiple dynamic route segments'。在您的 /pages 目录中:

  • 您想要一个名为 course
  • 的文件夹
  • 在其中,您将有另一个名为 [id]
  • 的文件夹
  • 在该文件夹内,您需要一个名为 [routeName].js
  • 的文件

路径看起来像:

/pages/course/[id]/[routeName].js