vue axios封装和详细使用

网络模块封装axios

ajax i/o system

​ 使用自己已经封装好的模块,进行网络请求。假如第三方网络请求框架有一天,出现了不维护申明,那么对于项目来说就是很严重的问题。那么,开发中有啥网络请求选择呢?如下:

方式1:

Vue中发送网络请求有非常多的方式,那么,在开发中,如何选择呢?
传统的Ajax是基于XMLHttpRequestP(XHR)
到为什么不用它呢?
非常好解释,配首和调用方式等非常混乱,
编码起来看起来就非常蛋疼.
所以真实开发中很少直接使用,而是使用Jquery-ajax

方式2:

在前面的学习中,我们经常会使用jQueAjax
相对于传统的Ajax非常好用.
为什么不选择它昵?
首先,我们先明确一点:在的整个开发中都是不需要JQuery了,就意味着为了方便我们进行一个网络请求,特意引用一个jQuery,你觉得合理吗?
jQuey的代码1w+行.
vue的代码1w+行.
所以完全没有必要为了用络请求就引用这个重量级的框架.

方式3:

选择三:官方在vue1.x时院推出了Vue-resource.
Vue-resource的体积相对于jQuery小很多.
另外vue-resoure 是官方推出的.
到为什么不选择它呢?
》在Vue2.0退出后,Vue作者就在GitHub的lssues中说明
了去Mvue-resource,并且以后也不会再更新
》那么意味着以后vue-resource不再支持新的版本时,也不
会再继续更新和维护.
》对以后的顶目开发和维护都存在很大的患,

方式4:

选择四:在说明不再继续更新和维护vue-resource的同时,作者还推荐了一个框架:axios.
axios有非常多的优点,并目用起来也非韋方便.
稍后,我们对他详细学习,

在学习axios的时候,我们还需要了解常用网络请求jsonp相关知识:
vue axios封装和详细使用_第1张图片

了解一下就行了,图大概知道轮廓就可以了。

在前端开发中,我们一一种常见的网络请求方式就是JSONP
使用JSONP最主要的原因往往是为了解决跨域的问题,
JSONP的原理是什么呢?
JSONP的核心于诵过

你可能感兴趣的:(前端)