Fetch简单封装

一、什么是Fetch ？

1.Fetch本质上是一种标准，该标准定义了请求、响应和绑定的流程。
2.Fetch标准还定义了Fetch () JavaScript API。
3.可用于前后端，数据交互。
4.fetch返回的是promise对象，比XMLHttpRequest的实现更简洁，fetch 使用起来更简洁 ，完成工作所需的实际代码量也更少
5.fetch 可自定义是否携带Cookie。
6.fetch不像axios需要安装使用，fetch可以直接使用。

二、如何使用Fetch

Fetch API 提供了一种全局fetch()方法，该方法位于 WorkerOrGlobalScope 这一个 mixin 中 方法用于发起获取资源的请求。它返回一个 promise，这个 promise 会在请求响应后被 resolve，并传回 Response 对象。

fetch(input?: Request | string, init?: RequestInit): Promise<Response>

fetch(url, options).then(function(response) {
  // 处理 HTTP 响应
}, function(error) {
  // 处理网络错误
})

fetch() 参数

fetch方法可以接收两个参数input和options。

• input 参数可以是字符串，包含要获取资源的 URL。也可以是一个