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

Question

我有一个简单的项目，当用户去链接像:localhost:3000/course/[id]然后用户点击加入，url将更改为localhost:3000/course/[id]/routeName我如何在页面中创建这样的文件夹?非常感谢!

Answer 1

你想要Next所说的'多个动态路由段'。在/pages目录内:

• 你想要一个名为course
的文件夹
• 里面有另一个名为[id]
的文件夹
• 文件夹中，你需要一个名为[routeName].js
的文件

路径如下:

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

Answer 2

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

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

就是这样!