一、什么是Axios
Axios是一个开源的可以用在浏览器端和NodeJS 的异步通信框架,她的主要作用就是实现AJAX异步通信,其功能特点如下:
- 从浏览器中创建XMLHttpRequests
- 从node.js创建http请求
- 支持Promise API [JS中链式编程]
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换JSON数据
- 客户端支持防御XSRF (跨站请求伪造)
二、为什么要使用Axios
由于Vue.js 是一个视图层框架并且作者(尤雨溪)严格准守SoC (关注度分离原则) ,所以Vue.js并不包含AJAX的通信功能,为了解决通信问题,作者单独开发了一个名为vue-resource的插件,不过在进入2.0版本以后停止了对该插件的维护并推荐了Axios 框架。少用jQuery, 因为它操作Dom太频繁!
三、第一个Axios应用程序
咱们开发的接口大部分都是采用JSON格式可以先在项目里模拟一 段JSON数据,数据内容如下:创建一个名为data.json的文件并填入下面的内容,放在项目的根目录下
{
"name":"马西莫",
"url": "http://baidu.com",
"page": "1",
"isNonProfit":"true",
"address": {
"street": "雨湖",
"city":"湖南湘潭",
"country": "中国"
},
"links": [
{
"name": "B站",
"url"