Vue使用AJAX获取数据——用Axios

安装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'
}