Nuxt nested url directory

Question

I have this king od structure that should be binded to URLs:

/default/tree/index.vue -> URL: /default/tree
/default/tree/apple/index-vue -> URL: /default/tree/apple
/error/index.vue -> URL: /error
/login/index.vue -> URL: /login

However, I cannot access default/tree/apple, because NUXT gives me an error that This page could not be found

Any suggestions?

Answer 1

this folder structure should produce the URLs you want:

pages/
--| default/
----| tree/
------| index.vue (url: /default/tree)
------| apple.vue (url: /default/tree/apple)

read here to learn more:

nuxt file system routing

Answer 2

Your directory structure should be like that:

/default/tree/index.vue -> URL: /default/tree
/default/tree/index/apple.vue -> URL: /default/tree/apple