Axios详解

Axios详解

---

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

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

Axios官网就是一个github Github

为什么要使用 Axios

由于 Vue.js 是一个 视图层框架 并且作者（尤雨溪）严格准守 SoC （关注度分离原则），所以
Vue.js 并不包含 A JAX 的通信功能，为了解决通信问题，使用了Axios框架

第一个Axios应用程序

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

axios.json

{
   
  "name": "冷丁",
  "url": "https://blog.csdn.net/qq_41359998?spm=1011.2124.3001.5343",
  "page": 1,
  "address": {
   
    "street": "海淀",
    "city": "北京",
    "country": "中国"
  }
}

2.测试代码

<!