Next Js中的子路由
我是下一个js的新手，我在pages目录下创建了一个名为orders.js的文件，可以从localhost：3000 / orders正确访问它。
但是，我现在想要一个子路由，以访问ID为1的订单（例如）。因此，我在目录页面中创建了一个目录“ orders”，并将order.js重命名为index.js，此后，我在orders目录中创建了另一个名为id.js的文件。
所以我目前的结构是：
pages/
orders/
index.js
id.js
但是我无法访问localhost：3000 / orders / 1。
使用Nuxt js，这很简单，如何使用next.js达到相同的目的？
谢谢
第3573篇《Next Js中的子路由》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点
采用
页数/订单/[dynamic_subroute].js
now catch it with
const router = useRoute(); const { dynamic_subroute } = router.query;
Now, you can catch the value (any) dynamically from the url which is used instead of dynamic_subroute
like- if the url is pages/orders/1
then value of dynamic_subroute will be 1 in your page
相似问题
问题类别
这可能对您有帮助：https : //nextjs.org/docs#dynamic-routing。
通过在页面上添加[]，它会创建动态路由，在这种情况下，[orderid] .js可用于将多个订单映射到单个页面。