Le routeur Vue supprime les paramètres de requête
P粉947296325
P粉947296325 2023-09-02 17:34:15
0
1
708
<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粉947296325
P粉947296325

répondre à tous(1)
P粉978551081

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;
});
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal