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

【问题标题】：How to create dynamic nested routes in nuxt.js如何在 nuxt.js 中创建动态嵌套路由
【发布时间】：2019-12-25 15:33:28
【问题描述】：

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

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

【问题讨论】：

标签： vue.js nuxt.js

【解决方案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

【讨论】：

我还在学习这个，但是嵌套子文件的父文件在哪里？根据 Nuxt 文档，需要有一个与包含子文件的目录同名的 .vue 文件，例如user/_id.vue 和 user/_id/product.vue