定义
一款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
.delete(url,config)
删除
.put(url,data,config)
修改
基础方法
axios({
url,//请求的地址
method//请求方法 get,post ,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, post, put, delete操作资源
4. get获取,post新增,delete删除,