Axios的基本使用及原理

 Axios 

axios 是一个专注于网络请求的库。

axios请求数据原理

 axios 的基本使用

调用axios方法，返回的是一个promise对象

1.发起GET请求

axios({
    // 请求方式
    method: 'GET',
    // 请求的地址
    url: 'http://www.liulongbin.top:3006/api/getbooks',
    // URL中的查询参数  GET请求参数
    params:{
        id:1
    },
    }).then((books) => {
    console.log(books.data);
})

2.发起POST请求

document.querySelector('#btnPost').addEventListener('click', async () => {
    const { data } = await axios({
        method: 'POST',
        url: 'http://www.liulongbin.top:3006/api/getbooks',
        data: {
        name: 'zhangsan',
        age: 20
        }
    })
    console.log(data);
})