#はじめに
こんにちは!
今回は【Nuxt.js】階層構造(path)についてについてアウトプットしていきます!
opgesディレクトリが以下のような構造だったとします。
pages
users/
---:index.vue
---:other.vue
-:index.vue
・pagesディレクトリ内に直下したindex.vue。
・pagesディレクトリ内にusersディレクトリがあり、その中にindex.vueファイル、other.vueファイルの二つがある。
というような構造だとします。
このような構造だとpath
いわゆるURL部分
は以下のように設定されます。
pages
users/.
---:index.vue ・・・ /users/
---:other.vue ・・・/users/other
-:index.vue. ・・・/
わかりやすく例で言うと
表示されるURL部分
users/. ⏬本来ならちゃんとしたつ
---:index.vue ・・・ localhost:3000/users/
---:other.vue ・・・localhost:3000/users/other
-:index.vue. ・・・localhost:3000/
といったようなpath(URL部分)
になります。
#最後に
今回は階層構造(path)についてについてアウトプットしました。
今回の記事を読んで質問、間違い等あればコメント等頂けると幸いです。
今後ともQiitaにてアウトプットしていきます!
最後までご愛読ありがとうございました!