axios数据交互

 

 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后面的参数
})