VUE—axios的安装+使用+小demo（图文详情）

VUE—axios的安装+使用+小demo

（下面的步骤都是基于vue init webpack构建项目完成之后，若不会请参考VUE—新建VUE项目（图文详情））
第一步：cnpm install axios(mac在前面加上sudo)

第二步：哪个页面使用就在哪个页面引入import axios from 'axios’
写个小demo，直接在helloworld.vue上写

  import axios from 'axios'

created () {
    axios.get('https://www.easy-mock.com/mock/5d41580a1a802c0d5e53dcc2/example/aa').then((res) => {
      console.log('请求成功', res.data)
    }).catch((err) => {
      console.log('请求失败', err)
    })
  }

解释一下代码：
1、axios.get就是axios的get请求，括号内直接写easy-mock生成的地址
2、.then是成功获取之后执行的方法
3、.catch是失败之后执行的方法，报错404

效果：
1、then里console.log（res）的内容是这样的

2、then里console.log（res.data）的效果是这样的
3、如果地址错误，获取不到数据的效果是这样的