0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

【Next.js】階層構造(path)について

Posted at

#はじめに
こんにちは!
今回は【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にてアウトプットしていきます!

最後までご愛読ありがとうございました!

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?