axios.get(url地址,
{params:{
参数1: 值1,
参数2: 值2}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios({
method:“get",
url:url地址,
params:{
参数1: 值1,
参数2: 值2
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios.post(url地址,{
参数1: 值1,
参数2: 值2}
)
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
axios({
method:“post",
url:url地址,
data:{
参数1: 值1,
参数2: 值2
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
在某些应用场景并不是单一调用一个接口就可以了,可能更多的是同时向后台发起多个不同的请求,同时进行多个接口的请求就构成了并发。
axios.get(url1).then(res=>{
console.log(“个人信息”,res)
})
axios.get(url2).then(res=>{
console.log(“好友列表”,res)
})
axios.get(url3).then(res=>{
console.log(“战绩情况”,res)
})
在某些应用场景并不是单一调用一个接口就可以了,可能更多的是同时向后台发起多个不同的请求,同时进行多个接口的请求就构成了并发。
axios.all([
axios.get(url1),
axios.get(url2),
axios.get(url3)
]).then(
axios.spread((res1, res2, res3)=>{
console.log(“个人信息”,res1);
console.log(“好友列表”,res2);
console.log(“战绩情况”,res3);
}))
创建Axios实例
let instance1=axios.create({
baseURL:’http://127.0.0.1:8080’
timeout:1000
})
let instance2=axios.create({
baseURL:’http://127.0.0.1:9090’
timeout:5000
})
instance1.get(“接口地址1”).then(res=>{
console.log(res)
})
instance2.get(“接口地址2”).then(res=>{
console.log(res)
})
let instance=axios.create({
baseURL:域名 //基本接口地址
timeout:10000 //请求超时限制
method:“post/get/put/patch/delete”//请求方式
url:url地址, //请求地址
headrs:[token:“身份令牌”], //请求头中的信息,如身份令牌
data:{}, //在请求体中的参数
params:{},//请求参数,跟在url后面的参数
})