VUE的axios的详细介绍和用法

Vue中发送网络请求有非常多的方式, 那么, 在开发中, 我们该如何选择呢?

选择一: 传统的Ajax是基于XMLHttpRequest(XHR)

为什么不用它呢?

  1. 非常好解释, 配置和调用方式等非常混乱.
  2. 编码起来看起来就非常蛋疼.

所以真实开发中很少直接使用, 而是使用jQuery-Ajax

选择二: 在前面的学习中, 我们经常会使用jQuery-Ajax

相对于传统的Ajax非常好用.

那我们为什么不选择它呢?

首先, 我们先明确一点: 现在,在Vue的整个开发中都是不需要使用jQuery了。
那么, 就意味着为了方便我们进行一个网络请求, 特意引用一个jQuery, 你觉得合理吗?
jQuery的代码要1w+行,而Vue的代码才1w+行.引用用这个框架反而使得我们的项目更加臃肿。
所以完全没有必要为了用网络请求就引用这个重量级的框架。

选择三: 官方在Vue1.x的时候, 推出了Vue-resource

Vue-resource的体积相对于jQuery小很多.
另外Vue-resource是官方推出的.

那我们为什么不选择它呢?

在Vue2.0推出后, Vue作者就在GitHub的Issues中说明了去掉vue-resource, 并且以后也不会再更新.
那么意味着以后vue-reource不再支持新的版本时, 也不会再继续更新和维护。对以后的项目开发和维护都存在很大的隐患。所以我们不引用它

选择四: 在说明不再继续更新和维护vue-resource的同时, 作者还推荐了一个框架: axios

axios有非常多的优点, 并且用起来也非常方便.
稍后, 我们对他详细学习.

jsonp

在前端开发中, 我们一种常见的网络请求方式就是JSONP
使用JSONP最主要的原因往往是为了解决跨域访问的问题.

JSONP的原理是什么呢?

JSONP的核心在于通过

你可能感兴趣的:(vue,前端,vue.js,javascript,前端)