Penghala Vue memadam parameter pertanyaan

Question

Saya menggunakan Nuxt2/Vue2 dan saya menghadapi masalah mendapatkan parameter pertanyaan semasa menjana tapak web.

Saya mencipta URL saya dalam konfigurasi nuxt dengan menggunakan entri dalam Contentful seperti ini:

jana: {
  crawler: palsu,
  laluan tak segerak() {
    item const = (
      tunggu fetchEntriesByContentType({ contentType: "item" })
    ).peta(entry => {
       laluan const = {
         laluan: `/items/item/${entry.fields.slug}`,
         muatan: kemasukan,
       }
       laluan pulang;
    });
   memulangkan barang;
  }
}

Jika saya log konsol dan cuba nyahpepijat dalam fail konfigurasi Nuxt, ia mengembalikan url dengan parameter seperti yang diharapkan, seperti /items/item/101?type=book

Walau bagaimanapun, jika saya cuba mengaksesnya dalam komponen Vue saya menggunakan ini.$route.path, this.$route.fullPath atau this.$route.query dll., ia tidak akan kembali selepas "?" . Sebagai contoh. Untuk contoh di atas ia akan sentiasa menjadi /items/item/101

Adakah saya perlu menambah sesuatu pada konfigurasi nuxt untuk memasukkan parameter pertanyaan? Saya perasan bahawa jika saya mengklik ini.$route untuk pergi ke definisi, ia pergi ke fail vue-router dalam node_modules saya walaupun saya tidak memasang vue-router. Adakah ini menyebabkan masalah?

Answer 1

Anda tidak akan menyertai map 回调中返回任何内容，假设必须返回routes, ia sepatutnya kelihatan seperti ini:

const items = (
    await fetchEntriesByContentType({ contentType: "items" })
).map(entry => {
    const routes = {
        route: `/items/item/${entry.fields.slug}`,
        payload: entry,
    }
    return routes;
});