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


 

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

一、拦截器

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

二、get、post封装

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

三、调用

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

四、页面执行

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM