首页 > 移动平台 > 详细

Vue之axios发送ajax请求

时间:2019-06-28 15:26:12      阅读:101      评论:0      收藏:0      [点我收藏+]

Vue之axios发送ajax请求

axios中文网

安装

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

 

Vue之axios发送ajax请求

原文:https://www.cnblogs.com/lxfpy/p/11098519.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!