Axios基本使用

       在官网上有写着，Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。一直都是浅显的了解。很少实际使用，最近遇到的项目里需要前后端交互，想着拾起来一点，奈何实践经验实在太少，只能粗略的写个例子试试了……

一、安装

1.使用npm安装

npm install axios

2.使用bower

bower install axios

3.使用cdn

二、举个栗子

执行一个get请求来获取一个开源接口的data，将data.name以下拉框选项展示出来，首先在data中建一个空数组selectData，用来存放从接口获取到的数据；在下拉框option标签里遍历selectData并将获取到的数据的name作为选项展示出来，代码如下：

 axios使用时有一个then，里面写的是请求成功之后的操作，catch则是请求失败之后的操作，二者本身是函数形式，代码里没有function是因为我用的是箭头函数，即function(){}和()=>{}是一样的，现在页面显示的就是一个有下拉选项的选择框，展示如下：

 有兴趣的可以自己尝试一下，开源接口附上：https://api.github.com/search/repositories?q=vue

post请求我还没实际操作过，以后会再补上的……下面附上官网代码示例，同样是有then和catch，同gert请求一致。并附上axios中文文档

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

---

等待更新~~~~