使用 Fetch API 发送 GraphQL 查询（无需使用 Apollo、URQL 或其他 GraphQL 客户端）
顾问
发布
2020 年 12 月 20 日
标签
GraphQL
JavaScript
获取 API
阿波罗
分享
X（又名 Twitter）
LinkedIn
Facebook
蓝天
在这篇文章中
GraphQL 是一种功能强大的数据处理解决方案，但它经常因设置和使用过于复尼泊尔电报号码数据库 杂而受到批评。在本教程中，我们将学习如何使用浏览器的内置 Fetch API 发送 GraphQL 查询和突变，而无需任何第三方工具。
如何使用 Fetch 发送 GraphQL 查询
GraphQL 的工作原理是向端点发送 HTTP 请求。这意味着发送 GraphQL 请求并没有什么神奇之处——我们可以使用内置的浏览器 API 来发送它们！
注意！我们将在此示例中使用内置的Fetch API，但您也可以使用axios、jQuery.ajax()或您喜欢的库来发送 HTTP 请求。
首先，让我们看一下 GraphQL 查询的组成部分：
查询本身
任何查询变量
GraphQL 查询可能看起来像这样：