Vue之Axios异步通信

1、什么是Axios

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

• 从浏览器中创建XMLHttpRequests

• 从node.js创建http请求

• 支持Promise API[JS中链式编程]

• 拦截请求和响应

• 转换请求数据和响应数据

• 取消请求

• 自动转换JSON数据

• 客户端支持防御XSRF(跨站请求伪造)

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

1.1、为什么要使用Axios

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

2、第一个Axios应用程序

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

{
   
  "name": "The_Beacon",
  "url": "https://blog.csdn.net/The_Beacon",
  "page": 1,
  "isNonProfit": true,
  "address": {
   
    "street": "金石路",
    "city": "辽宁大连",
    "country": "中国"
  },
  "links": [
    {
   
      "name": "BiliBili",
      "url":