简介
apollo-link
是一个用于构建 GraphQL 客户端的 JavaScript 库。该库提供了一种灵活的方式来定义和组合客户端端请求,并支持许多不同类型的网络传输。
安装
安装 apollo-link
的最新版本,可以使用npm:
npm install apollo-link
使用
基本用法
要使用 apollo-link
,首先需要创建一个链接,然后将其传递给 ApolloClient
构造函数。
import { ApolloClient } from 'apollo-client'; import { HttpLink } from 'apollo-link-http'; const link = new HttpLink({ uri: '/graphql' }); const client = new ApolloClient({ link, });
在上面的示例中,我们创建了一个 HttpLink
对象,并将其传递给 ApolloClient
的构造函数。
进阶用法
apollo-link
还提供了许多其他类型的链接,以及用于对请求和响应进行转换的功能。
例如,要向请求添加身份验证标头,可以使用 setContext
链接:
-- -------------------- ---- ------- ------ - ---------- - ---- ---------------------- ----- -------- - -------------- - ------- -- -- - ----- ----- - ------------------------------ ------ - -------- - ----------- -------------- ----- - ------- --------- - --- -- -- --- ----- ------ - --- -------------- ----- -------------------------- ---
在这个示例中,我们创建了一个 setContext
链接,它检查本地存储中是否有令牌,并将其添加到请求标头中。
另外,还可以使用 from
函数来将多个链接组合在一起:
-- -------------------- ---- ------- ------ - ----------- ------ - ---- -------------- ------ - ------- - ---- -------------------- ----- --------- - ---------- ------------- -- -- - -- --------------- - ------------------------ ------- -- -- - --------------------- --- - --- ----- ---- - ---------------- --------------------------- ------------ ----- ------ - --- -------------- ----- ---
这个例子展示了如何创建一个链接链,该链首先执行身份验证,然后执行错误处理,最后使用 HttpLink
发送请求。
总结
apollo-link
是一个非常强大的工具,允许我们灵活地构建和组合 GraphQL 客户端请求。通过使用不同类型的链接和转换功能,我们可以轻松地实现许多高级功能,例如身份验证和错误处理。希望这篇文章对你有所帮助!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/42581