axios是干什么的?(实用场地)

 

一、axios是干什么的?

官方解释:axios是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中(感觉没啥用)

 

简单理解:axios负责与后端交互,get、post后端接口信息,相当前后端的窗口

 

二、常用功能介绍

1. 创建 http 请求,向后端发送请求并接收 返回的数据

axios是干什么的?(实用场地)_第1张图片

感觉这个功能十分重要

2.自动转换JSON数据(就相当于把数据反序列化一下)

一般后台网关返回的数据格式都是json格式,像这样:

{"utData":{"content":[{"id":null,"dataTableId":"185247","rowContent":{"creator":"fieldadmin1_dev","code":"","createTime":"2021-01-21T05:36:11.000+0000","returnDataType":"string","enName":"dddd","functionType":"localGlobal","paramTypeList":"string","chName":"llll"},"creator":null,"createTime":null,"editor":null,"updateTime":null},{"id":null,"dataTableId":"185247","rowContent":{"creator":"fieldadmin1_dev","code":"","createTime":"2021-01-21T05:37:02.000+0000","returnDataType":"string","enName":"dddd222","functionType":"cloudGlobal","paramTypeList":"string","chName":"llll3333"},"creator":null,"createTime":null,"editor":null,"updateTime":null},{"id":null,"dataTableId":"185247","rowContent":{"creator":"fieldadmin1_dev","code":"","createTime":"2021-01-...

通过axios后数据就变成JSON对象了,这样了:

axios是干什么的?(实用场地)_第2张图片

3.对返回的数据统一处理(相当后台数据统一过滤一遍,再传给前端)

axios是干什么的?(实用场地)_第3张图片

就比如说后台传数据可能太大了,用JSONbig.parse统一处理一下,防止精度丢失

4.拦截请求和响应

就是前端发送请求前,可以设置自动拦截请求,相当于给请求加条件

还有后端返回数据时,可以设置不接收数据某后台接口

你可能感兴趣的:(reactjs,javascript)