Importez le fichier GraphQL dans nuxt.js.
P粉754473468
P粉754473468 2023-07-28 10:59:10
0
1
564
<p>J'importe donc le schéma généré par postgraphile, mais il ne se charge pas correctement. </p><p>Il s'agit du type de sortie : </p><p><br /></p> <pre class="brush:php;toolbar:false;">définitions : Array(44) [ {…}, {…}, {…}, … ] genre : "Document" loc : Objet { début : 0, fin : 26188, source : {…} }</pre> <p>J'ai essayé différentes variantes de code pour charger ma requête allUsers. </p> <pre class="brush:php;toolbar:false;"><configuration du script> importer le schéma depuis '@/graphql/schema.gql' console.log('Query', Schema.valueOf('allUsers')) const { data } = attendre useAsyncQuery (Requête) </script></pre> <p><br /></p>
P粉754473468
P粉754473468

répondre à tous(1)
P粉807471604

La méthode

valueOf ne convient pas à cet effet. Les documents de schéma GraphQL n'ont pas d'accès direct à leurs requêtes, mutations ou abonnements via des méthodes d'accès clé-valeur. ,

Tout d'abord, assurez-vous d'avoir installé le package graphql-tag dans votre projet :

npm install graphql-ta

Définissez votre requête dans schema.gql :


query AllUsers {
  allUsers {
    nodes {
      id
      name
      # other fields...
    }
  }
}

Importez et utilisez la requête AllUsers dans le composant :

<script setup>
import { useQuery } from "@vue/apollo-composable";
import { loader } from "graphql.macro";

const Schema = loader('@/graphql/schema.gql');

const { result } = useQuery({
  query: Schema.AllUsers
});

// Here, 'result' will contain your fetched data when available.
</script>

J'espère que c'est utile

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal