Vue之axios发送ajax请求
安装
npm install --save axios vue-axios
main.js里引入
方法一：不推荐
import aixos from ‘axios‘ // 在vue的全局变量中设置了$axios=axios // 以后每个组件使用时：this.$axios Vue.prototype.$ajax= axios
方法二：
看了vue-axios的源码，它是按照vue插件的方式去写的。那么结合vue-axios，就可以去使用vue.use方法了
import Vue from ‘vue‘ import axios from ‘axios‘ import VueAxios from ‘vue-axios‘ Vue.use(VueAxios, axios)
你可以按照以下方式使用:
Vue.axios.get(api).then((response) => { console.log(response.data) }).catch((response) => {
// then是请求成功返回的内容，catch是请求失败返回的内容
}) this.axios.get(api).then((response) => { console.log(response.data) })
注意
// 取到数据以后需要赋值 this.data = response // 是不行的 // 需要在上面 var that = this