fetch的使用和实现跨域及与axios的区别

一、作用

和axios作用类似，用于请求接口。它是XMLHttpRequest的一种替代方案。

二、安装

因为fetch有兼容性问题，所以我们安装升级版 whatwg-fetch

cnpm i whatwg-fetch -S

三、使用

 四、fetch和axios的区别

1，fetch返回的是一个未处理的方法集合，可以设置json类型，text类型，blob类型，而axios直接返回数据

2，axios是从浏览器中创建 XMLHttpRequest，而fetch是XMLHttpRequest的一种替代方案，采用es方式

3，axios在客户端可以基于xhrhttpRequest请求数据，在服务端通过nodejs中http发起请求，而fetch是XMLHttpRequest的一种替代方案

五、跨域

1.在src的目录新建一个setupProxy.js文件

2，安装并引入http-proxy-middleware

3，代码逻辑，如下：

 注意：http-proxy-middleware版本在2以上的属于高级版本，采用上面写法，如果是低版本，应按下面这种写法。

 以上就是fetch的理解与使用。