发布自Kindem的博客，欢迎大家转载，但是要注意注明出处

axios是什么

axios是一个http库，可以在浏览器和node.js中使用。你大可在React和vue等框架中使用它，目前它是vue官方推荐的http库之一。

对于不太了解http库的前端人员，可以直接把它理解成一个ajax库，你可以使用它来发送ajax请求(当然功能不局限于此)，就像jQuery中集成的ajax请求那样简单。

安装

cdn:

<script class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="https://unpkg.com/axios/dist/axios.min.js"></script>

npm:

npm install axios

yarn:

yarn add axios

使用axios发送异步请求

发送GET请求

axios
  .get('/test?page=2')
  .then(function (response) {    // 响应完成的钩子函数

    // 响应的body在response.data中，如果是以json格式传回，则可以直接使用，response中还有一些其他的响应内容
  })
  .catch(function (error)) {    // 产生错误的钩子函数
  };// get传递参数的另外一种方式axios
  .get('/test', {    params: {      page: 2
    }
  })
  .then(function (response) {    // ...
  })
  .catch(function (error) {    // ...
  });

发送POST请求

axios
  .post('/test', {    page: 2
  })
  .then(function (response) {    // ...
  })
  .catch(function (error) {    // ...
  });

作者：Kindem
链接：https://www.jianshu.com/p/3b03eef0af9e