Vueルーターがクエリパラメータを削除する

Question

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 ファイルに移動することに気付きました。これが問題の原因でしょうか?

Answer 1

map コールバックでは何も返しません。routes が返される必要があると仮定すると、次のようになります。

リーリー