axios与vue-resource
在Vue项目中前后端交互时,早期Vue使用Vue-resource实现异步请求。从Vue2.0之后就不再对vue-resource进行更新,Vue官方推荐使用axios.
vue-resource
Vue.js的插件提供了使用XMLHttpRequest 或 JSONP进行Web请求和处理响应的服务。vue-resource像jQuery的$,ajax,用来进行数据交互。主要用于发送ajax请求。
特点:
1.体积小,压缩后约12kb
2.支持主流浏览器(除IE9以下)
3.支持Promiss API 和 URL Templates
4.支持拦截器,可全局设置拦截器,可以在请求发送前和发送请求后做一些事情。
语法 & API:
以使用全局对象方式 Vue.http 或者在一个 Vue 实例的内部使用 this.$http来发起 HTTP 请求。
axios
特点:
1.在浏览器中发送XMLHttpRequests请求
2.在node.js中发送http请求
3.支持Promiss API( 依赖原生的 ES6 Promise,如果你的环境不支持 ES6 Promise,可以使用 polyfill。 )
4.可创建实例
5.拦截器请求和响应
6.转换请求和响应数据
7.并发请求
8.取消请求
9.自动转换JSON数据
10.客户端支持保护安全免受CSRF/XSRF攻击