可能有的人对vue-resource 和vue-axios比较陌生，也可能用到了都不知道。他其实就是我们vue请求里面的 this.$http.*** 和 this.axios.***

vue-resource

vue-resource是Vue.js的一款插件，它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是说，jquery的 $.ajax 能做的事情，vue-resource一样也能做到，而且vue-resource的API更为简洁。另外，vue-resource还提供了非常有用的inteceptor功能，使用inteceptor可以在请求前和请求后附加一些行为，比如使用inteceptor在ajax请求时显示loading界面。

1、体积小

vue-resource非常小巧，在压缩以后只有大约12KB，服务端启用gzip压缩后只有4.5KB大小，这远比

jQuery的体积要小得多。

2、支持主流的浏览器

和Vue.js一样，vue-resource除了不支持IE 9以下的浏览器，其他主流的浏览器都支持。

3、支持Promise API和URI Templates

Promise是ES6的特性，Promise的中文含义为“先知”，Promise对象用于异步计算。

URI Templates表示URI模板，有些类似于ASP.NET MVC的路由模板。

4、支持拦截器

拦截器是全局的，拦截器可以在请求发送前和发送请求后做一些处理。拦截器在一些场景下会非常有用，

比如请求发送前在headers中设置access_token，或者在请求失败时，提供共通的处理方式。

vue-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拦截器_浅谈vue-resource和vue-axios的区别相关推荐

python新式类和旧式类的区别_浅谈python新式类和旧式类区别
python的新式类是2.2版本引进来的,我们可以将之前的类叫做经典类或者旧式类. 为什么要在2.2中引进new style class呢?官方给的解释是: 为了统一类(class)和类型(type) ...
流程生产订单和离散生产订单的区别_浅谈流程型和离散型MES的区别
浅谈流程型和离散型MES的区别企业的生产方式,主要可以分为按定单生产.按库存生产或上述两者的组合.从生产类型上考虑,则可以分为批量生产和单件小批生产.从产品类型和生产工艺组织方式上,企业的行业类型可 ...
axios拦截器_请求拦截器_响应拦截器---axios工作笔记010
然后我们再去看看axios的,请求拦截器,和响应拦截器. 先说一下这个,拦截器的原理,其实就是我们发送一个请求,这个请求在发出去之前,我们的请求拦截器,先去拦截一下,拦截的时候可以对请求数据做一些处 ...
excel切片器_浅谈Excel ， PBI 切片器系列之二：重新认识切片器
浅谈Excel , PBI 切片器系列之二:重新认识切片器原创海峰上一期我们聊了切片器在PBI 的交互应用,也提到了切片器在Excel里的使用,这一期我觉得有必要从Excel开始来聊一下&quo ...
python进入上下文管理器_浅谈Python中with(上下文管理器)的用法
例子一首先来看一段代码: classFoo(object):def __init__(self):print('实例化一个对象')def __enter__(self):print('进入')def ...
java语言与其他语言的区别是_浅谈Java语言和其他语言的区别
计算机语言中,各种语言都有自己的优势与劣势.本人是在大学期间就学习Java的,听到了过多Java不好的地方,但是Java在近20年里何以独步天下呢?Java语言和其他的语言之间到底有什么区别呢? 学习 ...
axios vue 加载效果动画_vue中使用axios拦截器实现数据加载之前的loading动画显示 @劉䔳...
首先新建一个 loading.vue组件,写loading动画效果 .loader { width: 100%; height: 100%; display: flex; align-items: c ...
【vue开发问题-解决方法】（八）利用axios拦截器实现elementUI中加载动画，控制加载区域
[vue开发问题-解决方法](八)利用axios拦截器实现elementUI中加载动画,控制加载区域参考文章: (1)[vue开发问题-解决方法](八)利用axios拦截器实现elementUI中加 ...
Vue的axios拦截器
Vue的axios拦截器为什么要使用拦截器? 在页面发送http请求,很多情况我们要对请求和其响应进行特定的处理,如:判断token,设置请求头.如果请求数非常多,单独对每一个请求进行处理会变得 ...

axios拦截器_浅谈vue-resource和vue-axios的区别

vue-axios

axios拦截器_浅谈vue-resource和vue-axios的区别相关推荐

最新文章

热门文章