如何在nuxt中简化深度嵌套路由

Question

I have a trouble routing with nuxt .

For example I have url like this www.example.com/slug1/slug2/slug3/slug4 .

On basic nuxt routing, it should be like this in the folder:

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

Is there a simple way? For example just 1 folder for all that routes?

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

Answer 1

Hello you can use theUnknown dynamic nested routes feature to achieve that. Basically, add a pages/_.vue file and fetch the correct content based on the path.