Vue前后端交互2

axios用法（接口调用方法）

是专门的js库，用来实现接口调用，比fetch API更加强大
是一个基于Promise基于Promise用于浏览器和node.js的HTTP客户端
它有以下特性：
支持浏览器和node.js
支持promise
能拦截请求和响应
自动转换JSON数据
axios的基本用法

通过get发送请求，通过then获取数据

axios.get('http://localhost:3000/adata').then(function (ret) {
			//注意data属性是固定的用法，用于获取后台的实际数据
			console.log(ret.data)
		})

axios的常用API

get传递参数：
通过URL传递参数
通过params选项传递参数


delete传递参数
参数传递方式与get类似

前端如果用parmas，后台用query获取id

POST传递参数


put传递参数

axios的响应结果
响应结果的主要属性
data: 实际响应回来的数据
headers: 响应头信息
status: 响应状态码
statusText: 响应状态信息

axios的全局配置

axios拦截器
请求拦截器
在请求发出之前设置一些信息（比如设置请求头）


响应拦截器
在获取数据之前对数据做一些加工处理

接口调用（async/await用法）

async/await是ES7引入的新语法，可以更加方便的进行异步操作
async关键字用于函数上（async函数的返回值是Promise实例对象）
await关键字用于async函数当中（await可以得到异步的结果）

async/await处理多个异步请求

VUE2个重要的内容：
一个是处理模板
一个是调用接口处理后台数据