Nuxtのルーティング方法について

Question

pagesディレクトリ内にpostsというディレクトリを作成し、そこにindex.vueというファイルを
作成したときに、このindex.vueをナビゲーションドロワーに表示させたいと思い、
default.vueのitemsに下記のように追加しました。
しかし、ブラウザのナビゲーションドロワーにはindexの文字が表示されましたが、
エラーとなり、コンポーネントの中で作成した簡単なメソッドが確認できません。
どなたかご教示いただけませんでしょうか？

{
          icon: 'mdi-chart-bubble',
          title: 'index',
          to: '/posts/index'
        }

ファイル構造
|-pages
| |-posts

Answer 1

こんにちは
上記のファイル構成だと、/ports/indexではなく、/portsにアクセスした際にページが表示されるように思えるのですが、このように変えてもまだエラーはでるでしょうか？

できればエラー内容などを追記してもらえると、回答が来やすいように思いました

Comments

[takochan1192]

ご回答いただきありがとうございます。
アドバイスいただきました方法で試してします。
エラー内容などもつけさせていただきます。