前端之axios

github上使用json-server模拟后端

是什么?

基于Promise的http客户端,可以在浏览器和nodejs这两个环境中去运行。

特点:

1.在浏览器端可以发送ajax请求。

2.在nodejs'端可以发送http请求。

3.支持Promise的api。

4.请求和响应拦截器。

5.转换请求和响应数据。

6.取消请求。

7.自动转换成JSON数据。

7.客户端支持保护来阻挡XSRF。

axios的基本使用:

1.get请求,收到服务器的数据

axios({
  method:"GET",
  url:"http://127.0.0.1:5000/..."
}).then(response => {
    console.log(response)
})

2.post请求,向服务器发送数据

3.put请求,向服务器请求修改数据

4.delete请求,向服务器请求删除数据

其他方式发送请求:

axios请求响应结果的结构

config是一些配置项。

data是axios已经转换好的json对象,方便我们处理。

header是响应头。

reques是原生的ajax对象。

status状态码。

statusText状态内容。

axios配置对象(config)的详细说明:

axios的默认配置:

axios创建实例对象发送请求:

const one = axios.create({
  baseURL:"",
  .....
})

one({
  url:"..."
}).thren(response => {

})

axios拦截器:

axios取消请求:

axios源码分许:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值