如何在 nuxt.js 中创建动态嵌套路由

Question

如何使用路由和文件夹结构在 URL 中传递多个可选参数？我应该创建什么文件夹结构来处理路由类似的情况

user/:id/:product
user/:id/product/:id

Answer 1

您需要创建动态嵌套路由。为此，您需要按照此处的文档中的说明管理您的文件夹。

对于您的示例，它应该是：

// For user/:id/:product
user/_id/_product 
pages/
--| user/
-----| _id/
--------| index.vue
--------| _product
-----------| index.vue


// For user/:id/product/:id
pages/
--| user/
-----| _id/
--------| index.vue
--------| product
-----------| _id.vue