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

Question

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

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

Answer 1

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

对于您的示例，应为:

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