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

推荐阅读更多精彩内容