捕获 NuxtJS 页面路由中的所有路由答案

【问题标题】：Catch all routes in NuxtJS pages routing捕获 NuxtJS 页面路由中的所有路由
【发布时间】：2021-08-13 07:52:14
【问题描述】：

我在 NuxtJS 中有这个 page route：

pages/_book.vue

这样当我转到localhost:3000/my-book 时，params.book 与预期的一样等于“my-book”。

但是，有些书籍嵌套在多个目录的深处。我想以params.book 获得完整路线。这些路由应该用“/”分隔。例如，localhost:3000/finance/strategies/experts 应使 params.book 等于“财务/策略/专家”。

我怎样才能做到这一点？

请注意，由于目录结构未知（即我不能只创建像 pages/_book/_type/_level.vue 这样的结构）

【问题讨论】：

【解决方案1】：

您可以使用Unknown Dynamic Nested Routes 来匹配未被其他模式捕获的路由。

有了这个文件树：

pages/
--| people/
-----| _id.vue
-----| index.vue
--| _.vue
--| index.vue

它的行为是这样的

/ -> index.vue
/people -> people/index.vue
/people/123 -> people/_id.vue
/about -> _.vue
/about/careers -> _.vue
/about/careers/chicago -> _.vue

【讨论】：