如何在nuxt中简单的深层嵌套路由答案

【问题标题】：How to simple deep nested route in nuxt如何在nuxt中简单的深层嵌套路由
【发布时间】：2020-09-17 09:05:34
【问题描述】：

我在使用nuxt 路由时遇到问题。

例如我有url 这样www.example.com/slug1/slug2/slug3/slug4。

在基本的nuxt路由上，文件夹中应该是这样的：

pages //main page
  _slug1 //folder fol slug1
   index.vue //index for slug1
   _slug2 //folder for slug2
    index.vue //index for slug2
    _slug3 //folder for slug3
     index.vue //index for slug3
     _slug4 //folder for slug4
      index.vue //index for slug4

有简单的方法吗？例如，所有这些路由只有 1 个文件夹？

pages
  _slug //folder for all slug (slug1, slug2, slug3 and slug4)

【问题讨论】：

你为什么要改变它？
让它变得简单，易于维护，基本上我对所有这些 slug 都有相同的页面/格式..

标签： vue.js vuejs2 nuxt.js vue-router

【解决方案1】：

您好，您可以使用Unknown dynamic nested routes 功能来实现这一点。基本上，添加一个pages/_.vue 文件并根据路径获取正确的内容。

【讨论】：