axios

一.定义

一款ajax请求工具
特点：
01 前后端都可以使用
02 不依赖dom
03 拦截扩展强调
04 可封装复用性强

二.安装

cd 项目目录
npm i axios -S

三.在Vue全局挂载

01 导入main.js
import axios from 'axios'

02 挂载
Vue.prototype.$axios = axios

03 使用
this.$axios.xxx

四.便捷方法

post(url,data,config)

get(url,config) get传递参数给后端
                ?参数名=参数值&参数名2=参数值2
                ?current=2


.delelte(url,config) 删除

.put(url,data,config)修改

五.基础方法

axios({
url 请求的地址
method 请求方法 get post put delete
data,post 请求的数据
params,get请求的数据
headers 请求头配置
})

六.执行结果

网络请求成功
.then(res=>{
res.data 请求返回数据
})

请求失败
.catch(err=>{
 err.response.data 返回失败数据
})

七.config  axios配置

headers:  请求头
添加token
'Authorization': 'Bearer ' + localStorage.getItem('token')

八.restFul

1.接口的设计风格
2.强调每个url地址都是一个资源
3.通过get，pots,，put，delete操作资源
4.get获取,post新增,put修改,delete删除