axios请求

aixos请求

vue更新到2.0之后，作者就宣告不再对vue-resource维护和更新，而是推荐的axios,前一段时间学一下，现在说一下它的基本用法。安装引用就不省略了····

1.aixos的get请求

    axios的get请求有2种传参数的方式
       （1）url传递参数；
        （2）传递对象

//方式1
axios.get('/user?ID=12345')
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

//方式2
axios.get('/user', {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

//多个请求同时发送
//请求1
function getUserAccount() {
  return axios.get('/user/12345');
}
//请求2
function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}
//请求合并
axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
        console.log(acct.data);
        console.log(perms.data)
  }));

2.axios的post请求

官网提供的例子是这样的

axios.post('/user', {
    firstName: 'Fred',
    lastName: 'Flintstone'
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

然而这样传递参数，在请求体中查看