1.1Axios发送get请求
//get请求无参数
axios .get(‘https://autumnfish.c123123n/api/joke‘)
.then(res => {
// 请求成功的回调
// console.log(‘res:‘, res)
console.log(res.data)
})
.catch(errRes => {
// 请求失败的回调
console.log(‘errRes:‘, errRes)
})
1.2Axios发送post请求
axios .post(‘https://autumnfish.cn/api/user/reg‘, {
username: ‘lileilovehanmeimeima?‘
})
.then(res => {
console.log(‘res:‘, res)
})
.catch(errRes => {
console.log(‘errRes:‘, errRes)
})
}
1.3Axios发送config请求
优点config模式相对单一的get和post更加灵活
语法:以post为例
axios({
method: ‘post‘,
url: ‘https://autumnfish.cn/api/user/reg‘,
data: {
username: ‘门前大桥下‘
}
})
.then(res => {
console.log(‘res:‘, res)
})
.catch(errRes => {
console.log(‘errRes:‘, errRes)
})
}
这个axios请求也利用了Promise的API,分别then、catch对应了异步执行的成功失败
我们在使用config模式请求时,内部的函数往往使用箭头函数,箭头函数的this指向所在的作用域有效的解决了普通函数的指向问题