一、作用

和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的理解与使用。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐