vue使用axios进行ajax请求

以前都用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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一束亮光 作 千仞岿然壁立, 经霜历雪洗礼。 任天行世间更替。 ...
    一束亮光阅读 255评论 2 4
  • 我记得,初遇一瞥惊鸿 不曾想,从此流离纠缠 和你 听午夜的钟声响过几点 和你 看辗转的梦里灯火阑珊 若不是那一场秋...
    苏一一没有底阅读 474评论 0 3
  • 互联网有时候是一把双刃剑,我们可以利用它来对企业形象、产品、品牌等进行宣传推广,然而竞争对手亦可以利用它来对企业进...
    小钿锣鼓阅读 982评论 0 0
  • 有没有那么一天,你会突然想起我,想起那个有着红红的大鼻子,那个很丑很丑的被你叫做傻瓜的男生。那个喜欢傻傻微笑的男生...
    风住尘香丶花已尽阅读 330评论 0 0
  • 去年这个时候的一件事情,我一直不知道应该做四个力量还是思维笔的空性。现在觉得就其中感恩的部分要做四个力量。 去年c...
    belivePossible阅读 312评论 0 2