浅谈vue-resource和vue-axios的区别
2019-01-16 10:49
363 查看
版权声明:若有转载,请注明出处 https://blog.csdn.net/qq_37346639/article/details/86503403
可能有的人对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界面。
- 体积小
vue-resource非常小巧,在压缩以后只有大约12KB,服务端启用gzip压缩后只有4.5KB大小,这远比jQuery的体积要小得多。 - 支持主流的浏览器
和Vue.js一样,vue-resource除了不支持IE 9以下的浏览器,其他主流的浏览器都支持。 - 支持Promise API和URI Templates
Promise是ES6的特性,Promise的中文含义为“先知”,Promise对象用于异步计算。
URI Templates表示URI模板,有些类似于ASP.NET MVC的路由模板。 - 支持拦截器
拦截器是全局的,拦截器可以在请求发送前和发送请求后做一些处理。拦截器在一些场景下会非常有用,比如请求发送前在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 攻击
下一篇文章: https://mp.csdn.net/postedit/86504031 将会给大家介绍如何安装 vue-axios
相关文章推荐
- vue-resource和axios区别
- Vue基础知识之vue-resource和axios(三)
- Vue基础知识之vue-resource和axios
- Vue 请求数据 axios , vue-resource
- Vue.js(七) http (vue-resource和axios)
- 抛弃vue-resource拥抱axios
- vue中使用vue-resource、axios、fetch-jsonp请求数据
- Vue--axios:vue中的ajax异步请求(发送和请求数据)、vue-resource异步请求和跨域
- 【浅谈JavaEE框架】Spring中@Autowired标签与@Resource标签的区别
- vue基础知识之vue-resource/axios
- Vue-resource和Axios对比以及Vue-axios
- 浅谈 Axios 在 Vue 项目中的使用
- vuejs中vue-resource或使用axios发送请求及解决跨域问题
- 【浅谈JavaEE框架31】Spring中@Autowired标签与@Resource标签的区别
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- 浅谈 Axios 在 Vue 项目中的使用
- axios替换vue-resource
- 浅谈vue-cli 3 和 vue-cli 2的区别!!!
- vue-resource和vue-axios的简单使用方法
- 浅谈HTTP中Get与Post的区别