美文网首页
02 在Vue项目中使用Axios

02 在Vue项目中使用Axios

作者: 酷炫派大星 | 来源:发表于2018-01-05 09:48 被阅读0次

安装Axios

  • 使用npm安装Axios;
    cd 项目所在目录
    # npm install axios -S

  • 在main.js中添加以下内容,引用Axios,同时用prototype将axios添加为vue原生的属性,$axios相当于axios的别名。

import axios from 'axios'
Vue.prototype.$axios = axios

使用

  • 选择一个接口
    由于我自己没有后台,所以选择开放API来进行测试。(如果你同样作为初学者,可以尝试找到开放的数据接口)
    比如这个,获取豆瓣高分电影:
    http://api.douban.com/v2/movie/top250
  • 在页面中发起AJAX
    就像这样
this.$axios.get('http://api.douban.com/v2/movie/top250')
    .then(function (response) {
    console.log(response)
})

稍后我们来学习如何封装Axios

相关文章

网友评论

      本文标题:02 在Vue项目中使用Axios

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