前端设计

axios与vue-resource 比较

2023-01-13

在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攻击