简介
apollo-link-error 是一个专门用于 Apollo GraphQL 客户端错误处理的 npm 包。在开发中，我们经常会遇到一些网络请求出错的情况，这时可以使用 apollo-link-error 来统一处理错误，以便更好地提示错误信息以及方便地进行错误处理。
安装
使用 npm 安装：
npm install apollo-link-error
使用 yarn 安装：
yarn add apollo-link-error
使用
在使用 apollo-client 时，我们需要使用 apollo-link 进行链式处理。这里我们先构建一个具有错误处理功能的 apollo-client，然后通过它来发送 GraphQL 请求。
-- -------------------- ---- ------- ------ - ------------ - ---- ---------------- ------ - ------------- - ---- ------------------------ ------ - -------- - ---- ------------------- ------ - ------- - ---- -------------------- ----- -------- - --- ---------- ---- ---------------------------------------- --- ----- --------- - ---------- -------------- ------------ -- -- - -- --------------- - ------------------------ -------- ---------- ---- -- -- - ------------ --------- ------- -------- ----------- --------- ------------- ----- -------- -- --- - -- -------------- - --------------------- ------- ------------------ - --- ----- ------------ - --- -------------- ------ --- ---------------- ----- --------------------------- ---展开代码
上面的代码中，我们首先引入了必要的依赖包，然后定义了一个 HttpLink，并设置了 GraphQL API 的访问地址。接着我们定义了一个 errorLink，在其中使用了 onError 函数来处理 GraphQL 错误和网络错误。最后我们将 errorLink 和 httpLink 链接起来，构建出完整的 apolloClient。
当然，在项目实际开发中，我们可能还需要进行其他的配置，例如设置请求头等。这里我们的目的是演示如何使用 apollo-link-error 包。
代码演示
-- -------------------- ---- ------- ------------ -------- ------ ---- ----- -------- - ----- - ----- ------ - - -- -- -------------- -- -------------------- -------------- -- --------------------展开代码
上面的代码中我们使用了 apolloClient 发送了一个 GraphQL 查询。如果查询出现错误，则 apolloLinkError 会通过 onError 函数进行处理。我们可以根据错误信息来做出相应的处理，例如使用 Toast 组件弹出错误信息等等。
总结
使用 apollo-link-error 包可以非常方便地对使用 Apollo Client 进行的 GraphQL 请求进行错误处理。当然，我们也可以选择使用其他的错误处理方式，取决于实际项目开发中的需要。在此基础上，我们还可以进一步深入学习 Apollo GraphQL 相关知识，以更好地进行前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/196120
