Axios

Axios

什么是Axios

Axios 是一个开源的可以用在浏览器端和 NodeJS 的异步通信框架，她的主要作用就是实现 AJAX 异步通信，其功能特点如下：

• 从浏览器中创建 XMLHttpRequests
• 从 node.js 创建 http 请求
• 支持 Promise API [ JS中链式编程 ]
• 拦截请求和响应
• 转换请求数据和响应数据
• 取消请求
• 自动转换 JSON 数据
• 客户端支持防御 XSRF（跨站请求伪造）

GitHub：https://github.com/axios/axios
中文文档：http://www.axios-js.com/

为什么使用Axios

由于 Vue.js 是一个 视图层框架 并且作者（尤雨溪）严格准守 SoC （关注度分离原则），所以Vue.js 并不包含 AJAX 的通信功能，为了解决通信问题，作者单独开发了一个名为 vue-resource 的插件，不过在进入 2.0 版本以后停止了对该插件的维护并推荐了 Axios 框架。少用jQuery，因为它操作Dom太频繁！

第一个Axios应用程序

1、咱们开发的接口大部分都是采用 JSON 格式，可以先在项目里模拟一段 JSON 数据，数据内容如下：
创建一个名为 data.json 的文件并填入上面的内容，放在项目的根目录下。

{
   
  "name": "狂神说Java",
  "url": "https://www.bilibili.com/video/BV18E411a7mC?p=9&spm_id_from=pageDriver",
  "page": 1,
  "address": {
   
    "street": "洪崖洞",
    "city": "重庆市",
    "country": "中国"
  },
  "links": [
    {
   
      "name": "bilibili",
      "url": "https://www.bilibili.com/"