axios与vue-resource的使用

vue支持两种请求数据的方法：axios和v-resource

1.axios请求数据

介绍：axios可以发送get，post等多种请求，并且可以执行并发的多个请求，这里介绍axios利用get请求数据。

get成功请求到数据之后，有then这个回调函数来处理请求到的数据，当出现错误的时候，有catch捕捉错误信息。mounted函数是一个页面加载函数，即页面一加载就会执行里面代码。

mounted(){
 axios.get('http://www.liulongbin.top:3005/api/getprodlist')
   .then(res=>{
     console.log(res);
   })
   .catch(err=>{
     console.log(err);
     })
}

2.v-resource

同样这里我也只介绍get请求的方法

vue-resource在vue对象上封装了$http对象,同样有then和catch两个回调函数

this.$http.get('http://www.liulongbin.top:3005/api/getprodlist')
        .then(res=>{
         console.log(res.body);
        },err=>{
         console.log(err);
        })

上述两种方法的其它请求大同小异。

3.axios的优点

vue2.0之后，就不再对vue-resource更新，而是推荐使用axios。基于 Promise 的 HTTP 请求客户端，可同时在浏览器和 Node.js 中使用。

功能特性

1、在浏览器中发送 XMLHttpRequests 请求
2、在 node.js 中发送 http请求
3、支持 Promise API
4、拦截请求和响应
5、转换请求和响应数据
6、取消请求
7、自动转换 JSON 数据
8、客户端支持保护安全免受 CSRF/XSRF 攻击

axios的优点详细说明（偷个懒，嘿嘿），请看链接：

https://www.jianshu.com/p/454f7bca543b

很有幸大家能看到我的博客，希望通过和大家分享技术文章和其它话题文章，让我的学习成长路线变得有趣，并且提高自己的同时，也希望能帮助大家增长知识。哈哈哈，我个菜鸟太不要脸了，不管了，我会加油的