recherche

Maison  >  Questions et réponses  >  le corps du texte

Le routeur Vue supprime les paramètres de requête

<p>J'utilise Nuxt2/Vue2 et j'ai du mal à obtenir les paramètres de requête lors de la génération du site web. </p> <p>J'ai créé mon URL dans la configuration nuxt en utilisant une entrée dans Contentful comme celle-ci : </p> <pre class="brush:php;toolbar:false;">générer : { robot : faux, routes asynchrones() { éléments const = ( wait fetchEntriesByContentType({ contentType : "items" }) ).map(entrée => { const routes = { route : `/items/item/${entry.fields.slug}`, charge utile : entrée, } itinéraires de retour ; }); retourner les articles; } }</pré> <p>Si je console le journal et essaie de déboguer dans un fichier de configuration Nuxt, il renvoie une URL avec les paramètres comme prévu, tels que /items/item/101?type=book</p> <p>Cependant, si j'essaie d'y accéder dans mon composant Vue en utilisant this.$route.path, this.$route.fullPath ou this.$route.query etc., il ne revient jamais après le " Any content " . Par exemple. Pour l'exemple ci-dessus, ce serait toujours /items/item/101</p> <p>Dois-je ajouter quelque chose à la configuration nuxt pour inclure les paramètres de requête ? J'ai remarqué que si je clique sur this.$route pour accéder à la définition, il accède au fichier vue-router dans mes node_modules même si vue-router n'est pas installé. Est-ce que cela cause le problème ? </p>
P粉947296325P粉947296325441 Il y a quelques jours685

répondre à tous(1)je répondrai

  • P粉978551081

    P粉9785510812023-09-03 13:18:42

    Vous ne serez pas présent map 回调中返回任何内容,假设必须返回routes, cela devrait ressembler à ceci :

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

    répondre
    0
  • Annulerrépondre