以前都用resource进行ajax请求,现在官方推荐使用axios,所以现在更换插件。这篇文章主要描写如何在项目中引入axios以及简单地使用axios进行ajax请求。
第一步,需要通过npm安装插件,需要安装两个插件,它们分别是axios,vue-axios
npm install --save axios vue-axios
第二步,需要在项目中的入口js文件引入这两个插件
import Vue from 'vue'
import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios,axios)
第三步,在项目中使用axios进行ajax请求
//写法1
Vue.axios.get(api).then((response)=>{
console.log(response.data);//成功回调 },(response)=>{ //失败回调 }) //写法2 this.axios.get(api).then((response)=>{ console.log(response.data);//成功回调 },(response)=>{ //失败回调 }) //写法3 this.$http.get(api).then((response)=>{ console.log(response.data);//成功回调 },(response)=>{ //失败回调 })
这就是axios请求ajax简单的例子。很简单,对吧?一起在项目中使用新的技术吧O(∩_∩)O~
vue-axios地址:https://github.com/imcvampire/vue-axios
作者:whiteMu
链接:https://www.jianshu.com/p/aa989357846c
转发