axios是一个专注于网络请求的库!
axios的基本使用
1.发起GET请求
axios({
// 请求方式
methods: 'GET',
// 请求的地址
url: 'http://www.liulongbin.top:3006/api/getbooks',
// URL 中的查询参数(get)
params: {
id: 1
}
}).then(function(result){
console.log(result)
})
2.发起POST请求:
document.querySelector('#btnPost').addEventListener('click',async function(){
// 如果调用某个方法的返回值是 Promise 实例,则前面可以添加 await!
// await 只能用在被 async “修饰”的方法中
const { data : res } = await axios({
method: 'POST',
url: 'http://www.liulongbin.top:3006/api/post',
data:{
name: 'zs',
age: 20
}
})
console.log(res)
})