axios处理http请求

Posted 2020-09-18 Wayne Zhu

　　在处理http请求方面，已经不推荐使用vue-resource了，而是使用最新的axios，下面做一个简单的介绍。

安装

使用node

npm install axios 

 

使用cdn

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

 

 

基本使用方法

get请求

// Make a request for a user with a given ID
axios.get(‘/user?ID=12345‘)
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

// Optionally the request above could also be done as
axios.get(‘/user‘, {
    params: {
      ID: 12345
    }
  })
  .then(function (response) {
    console.log(response);
  })
  .catch(function (error) {
    console.log(error);
  });

 

 

 

 

 

Post请求

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

 

同时执行多个请求

function getUserAccount() {
  return axios.get(‘/user/12345‘);
}

function getUserPermissions() {
  return axios.get(‘/user/12345/permissions‘);
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // Both requests are now complete
  }));

这个的使用方法其实和原生的ajax是一样的，一看就懂。

 

 

参考文章：https://juejin.im/entry/587599388d6d810058a7a41a