[GraphQL] Query a GraphQL API with graphql-request
2021-06-21 10:06
标签：UNC includes sel log help box with add gif To query a GraphQL API, all you need to do is send an HTTP request that includes the query operation in the body of the request. In this lesson, we will use the browser’s fetch method to request the total days skied from our GraphQL API. graphql-request is a lightweight package that can be used to send queries to any GraphQL API. Sending a request with graphql-request uses less syntax than a fetch request. In this lesson, we will query the totalDays field using this helper package. Install: Source: https://github.com/prisma/graphql-request Personally, I feel you can do some wrapper for raw fetch function by yourself instead of install a new dependency to your project, it add more bytes to the total bundles but in return, it is shorten your own code. [GraphQL] Query a GraphQL API with graphql-request 标签：UNC includes sel log help box with add gif 原文地址：https://www.cnblogs.com/Answer1215/p/10234912.htmlconst query = `
query {
totalDays
}
`;
console.log("querying the count");
fetch("https://8lq1n313m2.sse.codesandbox.io", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ query })
})
.then(res => res.json())
.then(({ data }) => `totalDays: ${data.totalDays}`)
.then(console.log)
.catch(console.error);
npm i --save graphql-request
import { request } from "graphql-request";
const query = `
query {
totalDays
}
`;
console.log("querying the count");
request("https://8lq1n313m2.sse.codesandbox.io", query)
.then(({ totalDays }) => `totalDays: ${totalDays}`)
.then(console.log)
.catch(console.error);
文章标题：[GraphQL] Query a GraphQL API with graphql-request
文章链接：http://soscw.com/index.php/essay/96860.html