在Vue中使用Axios

Axios简介

• axios框架全称为ajax-I/O-system；
• 基于promise用于浏览器和node.js的http客户端；

Axios用来干嘛

• 首先说下Ajax为什么会出现：旧浏览器页面向服务器请求数据时，返回的是整个页面的数据，页面会强制刷新，不友好；且如果我们只需修改页面的部分数据，但服务器却发送整个页面的数据，十分消耗网络资源。
• 这时候，Ajax（Asynchromous JavaScript and XML）异步网络请求就诞生了。Ajax能够让页面无刷新的请求数据。
• 实现Ajax的方式有多种，如jQuery封装的ajax，原生的XMLHttpRequest，以及axios：
  （1）原生的XMLHttpRequest的配置和调用方式都很繁琐，实现异步请求十分麻烦；
  （2）jQuery的ajax相对原生的ajax是非常好用的，但是没有必要因为要用ajax异步网络请求而引用jQuery框架。

Axios（ajax i/o system）

• 这不是一种新技术，本质上还是对原生XMLHttpRequest的封装，可用于浏览器和nodejs的HTTP客户端，只不过它是基于Promise的，符合最新的ES规范。具备以下特点：
  （1）在浏览器中创建XMLHttpRequest请求；
  （2）在node.js中发送http请求；
  （3）支持Promise API；
  （4）拦截请求和响应；
  （5）转换请求和响应数据；
  （6）取消要求；
  （7）自动转换JSON数据；
  （8）客户端支持防止CSRF/XSRF(跨域请求伪造)。

Axios请求方法：

• get：获取数据，请求指定的信息，返回实体对象；
• post：向指定资源提交数据（例如表单提交或文件上传）；
• put：更新数据，从客户端向服务器传送的数据取代指定的文档的内容；
• patch：更新数据，是对put方法的补充，用来对已知资源进行局部更新；
• delete：请求服务器删除指定的数据。