在vue中调用接口时会使用axios,并且这也是vue官方推荐的。
axios的简单使用
axios.get("api/index.json")
.then(res=>{
//这里的data时固定的,用来获取后端响应的数据
//res返回的是一个对象,而真实的数据都在data属性里
console.log(res.data)
})
看了在代码中如何应用后,再看看官网的描述:易用、简洁且高效的http库,用来调用后端的接口
axios的常用API
- get:查询数据
- post:添加数据
- all & spread:解决请求高并发
- put:修改数据
- delete:删除数据
实际上看就是对后端的数据做增删改查。axios做的就是将http协议封装为api,让我们可以更好的去使用。
get(delete与get除了协议不同其他相同)
get提供了一个参数:params。看代码也能发现它可以将api后面接的参数放在params这个对象中。
// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
.then(function