Nuxt2/Vue2 を使用していますが、Web サイトを生成するときにクエリ パラメーターを取得できません。
次のような Contentful のエントリを使用して、nuxt 構成で URL を作成しました。
生成: { クローラー: false、 非同期ルート() { 定数項目 = ( await fetchEntriesByContentType({ contentType: "items" }) ).map(entry => { const ルート = { ルート: `/items/item/${entry.fields.slug}`、 ペイロード: エントリ、 } 帰りのルート。 }); 返却商品; } }
コンソールログを取得し、Nuxt 設定ファイルでデバッグしようとすると、/items/item/101?type=book
など、期待どおりのパラメータを含む URL が返されます。しかし、this.$route.path、this.$route.fullPath、this.$route.query などを使用して Vue コンポーネントでアクセスしようとすると、「?」の後には返されません。 。例えば。上の例では、常に /items/item/101
になります。クエリパラメータを含めるためにnuxt設定に何かを追加する必要がありますか? this.$route をクリックして定義に移動すると、vue-router がインストールされていない場合でも、node_modules 内の vue-router ファイルに移動することに気付きました。これが問題の原因でしょうか?
リーリーmap
コールバックでは何も返しません。routes
が返される必要があると仮定すると、次のようになります。