質問: nuxt.jsについて,ネストされたルートで生成されたページ間で遷移ができないです。 ネストされたルートを設定し,json内のidを付与したページを作りました。(ディレクトリは以下のようになっています) ``` assets/ --| data.json pages/ --| users/ -----| _id.vue -----| index.vue --| users.vue --| index.vue dist/ --| users/ -----| 1 /index.html -----| 2 /index.html -----| 3 /index.html --| index.vue ``` dist/users 内のページに設置したリンク(下記のnuxt-link)から他のdist/users 内のページに飛ぶと,リンクは変化するのですが,画面が元のページのままになってしまいます。(「描画されない」と言うのでしょうか?) pages/users.vue ``` ~ ~ ``` おそらく公式ドキュメントの https://router.vuejs.org/ja/guide/essentials/dynamic-matching.html に書いてある「ユーザーが遷移するときに同じコンポーネントインスタンスが再利用される」のが原因ではないかと思っています。 どのようにすればnuxt-linkで飛んだ先のページを表示できるのか教えていただけないでしょうか。 もし可能ならばコードもいただけると幸いです。 よろしくお願いします。
回答: `nuxt generate` で生成した場合、静的ページになるはずなので、dist に生成された html を確認して目的のものが生成されているか確認すると良いかと思います。 ただし、今回は開発モードの起動でもページが表示されないということなので、おそらく原因はこちらかと思います。 https://ja.nuxtjs.org/api/components-nuxt-child/ 今回の場合は `pages/users.vue` に `` を挿入することで解決するかと思います。 ご確認よろしくお願いいたします。