Vue.js_41_ 网络请求(axios)

本系列博客汇总在这里:Vue.js 汇总

网络请求

  • 一、选择什么网络模块?
    • 1、选择一:传统的 Ajax
    • 2、选择二:jQuery-Ajax
    • 3、选择三:Vue-resource
    • 4、选择四:axios
  • 二、jsonp
  • 三、axios 框架的使用
    • 1、安装
    • 1、功能特点
    • 2、axiox 请求方式
  • 四、全局配置
  • 五、常见的配置选项
  • 六、axios 的实例
  • 七、axios 封装
  • 八、如何使用拦截器?


源码工程文件为:

一、选择什么网络模块?

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

1、选择一:传统的 Ajax

传统的 Ajax 是基于 XMLHttpRequest(XHR)。

为什么不用它呢?

非常好解释,配置和调用方式等非常混乱,编码起来看起来就非常头大。所以真实开发中很少直接使用,而是使用 jQuery-Ajax。

2、选择二:jQuery-Ajax

在前面的学习中,我们经常会使用 jQuery-Ajax,相对于传统的 Ajax 非常好用。

为什么不选择它呢?

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

3、选择三:Vue-resource

官方在 Vue1.x 的时候,推出了 Vue-resource,Vue-resource 的体积相对于 jQuery 小很多。另外 Vue-resource 是官方推出的。

为什么不选择它呢?

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

4、选择四:axios

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

为什么不用它呢?

axios 有非常多的优点,并且用起来也非常方便。

稍后,我们对他详细学习。

二、jsonp

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

JSONP 的原理是什么呢?

JSONP 的核心在于通过

你可能感兴趣的:(Vue.js,vue)