美文网首页Vue.js学习之路
Vue使用AJAX获取数据——用Axios

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

作者: AiDede | 来源:发表于2017-05-23 16:07 被阅读434次

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

    相关文章

      网友评论

        本文标题:Vue使用AJAX获取数据——用Axios

        本文链接:https://www.haomeiwen.com/subject/ahqgxxtx.html