axios的使用

一.axios (帮助我们发送ajax请求的)

>安装:npm install axios

导入axios: main入口文件中 import axios from ‘axios’

不同于vuex,vue等,这些工具都开放了一个接口给我们,所以直接在vue根实例中注册即可,

但axios没有,所以要使用axios需要在每个要用的文件中都导入,比较麻烦,解决办法:

利用js的原型链原理来给vue添加个属相(vue也是继承的js),Vue.prototype.$axios=axios;

之后即可在任意vue对象中来调用axios了.

>使用语法:

mounted(){  # 在vue挂载渲染完整个页面运行的一个钩子函数
  this.$axios.request({  # 使用axios发送请求的固定request语法
    url:'',  # 发送的地址,可以是个网址或自定义的url
    method:'get'  # 请求类型
  }).then(function (data) {  # 成功时的回调函数,data为后端返回的httprespons对象
    // do something   # 接上,对象内把数据也放在了data内,所以用data.data取值
  }).catch(function (data) {  # 失败时的回调函数
    // do something
  })
}