React中利用axios来实现数据请求 4年前

axios是基于Promise来封装的,通常我们会用axios在数据请求这块作如下配置:

一、拦截器

有注释,不难理解,通常请求头参数不是写死的,应该是去浏览器中读的,例如,login之后返回token,此时存到浏览器存储,然后拦截器就可以直接去读了,为后续的每一个请求添加该请求头参数:

二、get、post封装

通常后端接口是多种多样的,有的是从url获取参数,有的需要我们直接传一个实体,遇到上传文件的时候(不用form表单)还需要改变content-type,所以很有必要在写业务之前对这些进行一个二次封装

三、调用

ok,方法封装好了之后,我们通常会单个模块下的所有接口写在一个文件中,便于维护(尤其是多人合作的时候)

四、页面执行

React中利用axios来实现数据请求

因为axios是基于promise异步的,所以我们要用then()方法来捕获resolve状态。

image
无下限的小纯洁君
人的能力是有极限的。我从短暂的人生当中学到一件事……越是玩弄计谋,就越会发现人类的能力是有极限的……除非超越人类。
2
发布数
2
关注者
1141
累计阅读

热门教程文档

PHP
52小节
Redis
14小节
Docker
62小节
Dart
35小节
C
14小节
广告