首页 > 代码库 > axios处理http请求

axios处理http请求

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

安装

使用node

npm install axios 

 

使用cdn

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

 

 

基本使用方法

get请求

// Make a request for a user with a given IDaxios.get(/user?ID=12345)  .then(function (response) {    console.log(response);  })  .catch(function (error) {    console.log(error);  });// Optionally the request above could also be done asaxios.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

 

axios处理http请求