npm 包 apollo-link-retry 使用教程

介绍

apollo-link-retry 是一个用于 Apollo Client 的链接,可用于添加请求重试功能。当您在使用 GraphQL 时,遇到一些需要等待或连接较慢或图表遗漏或只是网络故障的原因,此链接可能会很有用。

本文将介绍如何使用 apollo-link-retry 以及使用示例代码。

安装

您可以通过以下命令在项目中安装 apollo-link-retry

--- ------- ----------------- ------

使用

在使用时,您需要创建一个新的 HttpLink 并将其添加到 apollo-client 中。

以下是示例代码:

------ - --------- - ---- --------------------
------ - -------- - ---- -------------------
------ - ------------ - ---- ----------------

----- --------- - --- -----------
  ------ -
    -------- -----
    ---- ---------
    ------- ----
  --
  --------- -
    ---- --
    -------- ------- ----------- --
      ------- -- ---------------- --- ---
  -
---

----- -------- - --- ---------- ---- ---------- ---

----- ------ - --- --------------
  ----- ---------------------------
  ------ --- ----------------
---

在此示例中,我们设置了最多重试 5 次和延迟 1 秒钟。

delay.max 设置了最大延迟时间,以确保在 retryIf 函数返回 true 的情况下没有无限重试。

max 是指重试的最大次数。

您可以使用 retryIf 函数来定义哪些请求会重试。在本例中,我们只重试错误状态码为 500 的请求。

示例

以下是一个示例,如何使用 apollo-link-retry

------ - ------------ - ---- ----------------
------ - ------------- - ---- ------------------------
------ - --------- - ---- --------------------
------ - -------- - ---- -------------------
------ --- ---- --------------

----- --------- - --- -----------
  ------ -
    -------- -----
    ---- ---------
    ------- ----
  --
  --------- -
    ---- --
    -------- ------- ----------- --
      ------- -- ---------------- --- ---
  -
---

----- -------- - --- ---------- ---- ---------- ---

----- ------ - --- --------------
  ----- ---------------------------
  ------ --- ----------------
---

------
  --------
    ------ ----
      ----- ----- -
        ----- -
          --
          ----
        -
      -
    -
  --
  -------------- -- -
    --------------------
  --
  -------------- -- -
    -------------------
  ---

这个示例会在您的 GraphQL API 调用 返回状态代码为 500 的情况下重试多达 5 次此操作。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedaafcb5cbfe1ea061060f


猜你喜欢

  • npm 包 @aws-sdk/abort-controller 使用教程

    前言 随着前端工程化的普及,构建一个复杂的前端应用往往需要依赖大量的第三方库和组件。而这些库和组件往往会依赖其他的库和组件,因此在管理依赖这个环节,就需要使用到 npm 这样的包管理工具了。

    4 年前
  • npm 包 @aws-sdk/node-http-handler 使用教程

    Amazon Web Services (AWS) 提供了一系列的工具和服务,让开发人员更容易的在应用程序中使用 AWS 资源。其中一个非常有用的工具是 @aws-sdk/node-http-hand...

    4 年前
  • NPM 包 @aws-sdk/protocol-rest 使用教程

    在前端开发过程中,调用 AWS 提供的 REST API 非常常见。在 Node.js 环境中,我们可以使用 AWS SDK for JavaScript 来方便调用 AWS API,不过 AWS S...

    4 年前
  • npm 包 @aws-sdk/query-error-unmarshaller 使用教程

    什么是 @aws-sdk/query-error-unmarshaller @aws-sdk/query-error-unmarshaller 是一个 npm 包,用于解析 AWS SDK 返回的错误...

    4 年前
  • npm 包 @aws-sdk/service-error-classification 使用教程

    前言 AWS(Amazon Web Services) 是目前全球范围内最受欢迎的云服务提供商之一。AWS 提供了各种各样的服务,包括计算、存储、数据库、分析、机器学习、人工智能等等。

    4 年前
  • npm 包 @aws-sdk/retry-middleware 使用教程

    随着互联网应用的日益复杂,前端开发面临的挑战也越来越多。其中一个特别突出的问题就是如何保证网络请求的稳定和可靠。AWS 的 @aws-sdk/retry-middleware 就是一个非常好用的 np...

    4 年前
  • npm 包 @aws-sdk/response-metadata-extractor 使用教程

    前言 在前端开发中,很多时候需要使用 AWS 云服务,而 AWS SDK 提供了一系列的 API 来让开发者们更方便地使用云服务。本文介绍了一个 npm 包 @aws-sdk/response-met...

    4 年前
  • npm 包 @aws-sdk/util-error-constructor 使用教程

    概述 在前端应用程序的开发中,错误处理是非常重要的一环。当我们使用 AWS 服务的 JavaScript SDK 时,错误处理也是非常关键的。@aws-sdk/util-error-construct...

    4 年前
  • npm 包 @aws-sdk/s3-error-unmarshaller 使用教程

    Amazon Web Services (AWS)的S3 服务,是一种高度可伸缩、高度可扩展、高度持久且具有强大的安全功能的对象存储服务。但是,在使用 S3 服务时,往往会遇到很多错误和问题,如果没有...

    4 年前
  • npm 包 @aws-sdk/signing-middleware 使用教程

    什么是 @aws-sdk/signing-middleware? @aws-sdk/signing-middleware 是一个 npm 包,提供了一种中间件方式来对 AWS SDK 发起的请求进行签...

    4 年前
  • npm 包 @aws-sdk/ssec-middleware 使用教程

    前言 AWS (Amazon Web Services) 是全球领先的云计算服务提供商之一,提供了众多关键的云计算产品和服务。其中,AWS SDK 是 AWS 的官方软件开发工具包,提供了丰富的编程接...

    4 年前
  • npm 包 @aws-sdk/stream-collector-node 使用教程

    简介 @aws-sdk/stream-collector-node 是 Node.js 环境下 AWS SDK 的一个流式数据收集器包。该包提供了一种优雅的方法来收集 Node.js 流数据并将其转换...

    4 年前
  • npm 包 @aws-sdk/querystring-parser 使用教程

    在前端开发中,经常需要处理 URL 参数的解析与组装。AWS 官方 SDK 提供了一个 @aws-sdk/querystring-parser 包,可以方便地处理 URL query string 参...

    4 年前
  • npm 包 @aws-sdk/url-parser-node 使用教程

    简介 在前端开发中,访问 AWS(Amazon Web Services)服务是一个常见的需求。@aws-sdk/url-parser-node 是AWS官方提供的一个用于解析 AWS 服务 URL ...

    4 年前
  • npm 包 @aws-sdk/util-base64-node 使用教程

    前言 在前端开发中,我们常常需要使用 Base64 编解码。而 AWS 官方提供了一个 npm 包 @aws-sdk/util-base64-node 来实现 Base64 编解码功能。

    4 年前
  • NPM 包 @aws-sdk/util-body-length-node 使用教程

    简介 @aws-sdk/util-body-length-node 是一个 Node.js 的 AWS SDK 中的 npm 包,用于计算 HTTP 请求中内容的长度。

    4 年前
  • npm 包 @aws-sdk/util-user-agent-node 使用教程

    AWS SDK for JavaScript 提供了 @aws-sdk/util-user-agent-node 这个 npm 包,这个包可以让你为 AWS SDK for JavaScript 中的...

    4 年前
  • npm 包@aws-sdk/is-array-buffer 使用教程

    Amazon Web Services(AWS)是全球最大的云计算平台之一,提供了各种各样的服务来帮助开发者构建和管理应用程序。其中,AWS SDK是一组用于操作 AWS 服务的软件开发包(SDK),...

    4 年前
  • npm 包 @aws-sdk/util-buffer-from 使用教程

    前言 在 Node.js 应用程序开发中,Buffer 对象是一个重要的数据类型。@aws-sdk/util-buffer-from 是一个 Node.js 中用于创建 Buffer 对象的 npm ...

    4 年前
  • npm 包 @aws-sdk/util-utf8-node 使用教程

    什么是 @aws-sdk/util-utf8-node @aws-sdk/util-utf8-node 是一个 npm 包,它提供了一组工具和方法,用于在 Node.js 中进行 UTF-8 编码和解...

    4 年前

相关推荐

    暂无文章