Vue使用AJAX获取数据——用Axios
2017-05-23 本文已影响434人
AiDede
安装Axios
- cd到项目
- 用cnpm安装
# cnpm install axios -S
安装完成
- 在main.js引用
import axios from 'axios'
Vue.prototype.$ajax=axios;
main.js
使用
- 我们在一个页面试试,就在附近的页面吧,我们用这个接口
- 在Near.vue中,用mounted钩子执行这个ajax:
mounted(){
this.$ajax({
method:'GET',
url:'http://api.clubunion.cn/Wechat/Token/getJssdkTicket',
headers:{
'Accept': '*/*',
'Content-Type': 'application/x-www-form-urlencoded'
}
}).then(function (response) {
console.log(response)
})
}
截图
成功打印出结果结束
var author = {
name:'丁波',
GitHub:'dingbo1028',
University:'BNUZ'
}