当前位置：首页 > 软件库 > Web应用开发 > 服务器端JavaScript >

Fetch HTTP Client

基于 Fetch API 封装的 HTTP Client

授权协议 MIT

开发语言 JavaScript

所属分类 Web应用开发、服务器端JavaScript

软件类型开源软件

地区国产

投递者金钊

操作系统跨平台

开源组织无

适用人群未知

软件官网

软件文档

官方下载

软件概览

一个基于 Fetch API 封装的 HTTP Client，可用于浏览器及其他兼容环境中，设计之初是为了ReactJS和ReactNative访问后端RestAPI使用。比其他基于Fetch API的封装优势在于，它的中间件机制支持对请求和应答进行异步处理。

安装：

npm install fetch-http-client --save

使用：

import FetchHttpClient, { json } from 'fetch-http-client';

// Create a new client object.
const client = new FetchHttpClient('http://api.example.com/endpoint');

// Add access token
client.addMiddleware(request => {
  request.options.headers['X-Access-Token'] = 'secret';
});

// Add json support
client.addMiddleware(json());

// Add Logging
client.addMiddleware(request => response => {
  console.log(request, response);
});

// Fire request.
client.get('test').then(response => console.log(response.jsonData));

// Path variables support.
client.get('users/{id}', { uriParams: { id: 1 } }).then(response => console.log(response.jsonData));

预处理异步请求的中间件示例，从存储中异步读取accessToken，并添加到请求头中：

// Add access token asynchronously
client.addMiddleware(request => {
  return AsynchronousStorage.fetch('accessToken').then(token => {
    request.options.headers['X-Access-Token'] = token;
    return request;
  });
});

使用案例

Eureka服务fetch registries(一) client端分析

根据前两章节的分析，我们知道eureka客户端通过创建DiscoveryClient对象调用构造方法来实现了register，renew, heartbeat, registries fetch的功能。本章节主要分析registries fetch在源码中的实现。 Clinet端的处理逻辑 DiscoveryClient在构造方法中创建了一个cacheRefreshExecutor的守护线程池，
Fetch&Fetch的二次封装

前言客户端服务器端通信方式ajax (ajax JQ的类库 /axios类库) /jsonp / fetch fetch是Es6新提供的API:基于不同于XMLHttpRequest的方式,基于客户端和服务器端的数据通信,而且本身是基于promise管理请求结果的(发送请求返回promi实例) fetch的基础知识和管理语法: Promise<Response> fetch(input[
js ES6 fetch 方法

目录一、fetch 概述二、fetch 的语法 1、实现一个简单的 fetch 请求 2、fetch 方法介绍（1）、fetch 方法的第一个参数（2）、fetch 方法的第二个参数（3）、fetch 方法的返回值 3、检测 fetch() 请求是否成功三、fetch 的应用 1、上传 JSON 数据 2、上传文件 3、上传多个文件四、fetch 的实现五、fetch 的问题的解决
JS fetch()用法详解

了解fetch - Fetch API 提供了一个获取资源的接口（包括跨域请求），用于取代传统的XMLHttpRequest的，在 JavaScript 脚本里面发出 HTTP 请求。 - 目前还没有被所有浏览器支持，如果考虑低版本浏览器的问题的话，引入https://github.com/github/fetch/blob/master/fetch.js即可兼容。 - Fetch API是
sentinel 报fetch metric解决方法

1.今天在本地搭建sentinel，发现发送请求后，在sentinel控制台监控不到发送的请求，查看sentinel控制后发现报如下错误： 2021-02-25 14:31:58.024 ERROR 26384 --- [pool-2-thread-1] c.a.c.s.dashboard.metric.MetricFetcher : fetch metric http://10.11.1
XHR请求与fetch请求

一.XMLHttpRequest对象 1.使用XHR (1).代码示例 //创建xhr对象 let xhr = new XMLHttpRequest(); //打开链接,对应参数: "请求类型","请求url"，“是否异步处理” xhr.open("get", "example.html", true); //设置自定义请求头 xhr.setRequestHeader("MyHeader", "M
fetch中的post报404，找不到路径

只是在vue的学习过程中，用fetch简单的访问一下，本地文件夹 methods:{ async submitFn(){ try{ let form = this.$refs['form1']; let dataform = new FormData(form);
原生js之fetch

fetch是一种HTTP数据请求的方式。fetch不是ajax的进一步封装，是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象，是一个全局方法。 fetch 规范与 jQuery.ajax() 主要有三种方式的不同：当接收到一个代表错误的 HTTP 状态码时，从 fetch() 返回的 Promise 不会被标记为 reject，即使响应的 HTTP 状态码是 4
Failed to fetch metric from ...

本地连接阿里云上的sentinel实时监控没有数据，阿里云上还报这个错： Failed to fetch metric from <http://192.168.1.9:8719/metric?startTime=1644049729000&endTime=16440497 我本机IP就是192.168.1.9 加上spring.cloud.sentinel.transport.clientIp就

Fetch HTTP Client

同类工具

相关阅读

相关文章

相关问答

相关文档