axios个人总结

axios请求方法 :get post put patch delete 

get : 获取数据
post : 提交数据(表单提交+文件上传)
put :  跟新数据 (所有数据推送到后端)
patch: 跟新数据(只将要修改的数据推送到后端)
delete:删除数据

get  两种不同写法

axios.get(url).then( (res,{需要传参就在后面加一对象})=>{
console.log(res)
})

axios({
method:'get',
url:’url‘
params:{
id:1
}
})

post 
form-data 表单提交 (图片上传,文件上传)
applicition /json

axios.post(url,data).then((res)=>{
console.log(res)
})

axios({
method:post
url:url
data:data
})
axios的基本参数
 axios.create({
baseUrl:'' //请求的进本地址
timeout:1000,请求超时时常 若请求超出时常则返回401
url 请求路径
method : 提交方式
headers:{
token:'' 请求头 一般用于身份识别
})
params:{} //请求参数拼接在url中
data:{} //请求参数拼接在方法体中
这些参数一般都放在config中
axios.get('url',{
parmas:{},
})

axios配置方式 
1.全局配置(一般全局配置都是配置这两个属性)
axios.defaults.timeout=
axios.defaults.baseURL=
2实例配置
let instance =axios.create() //如果不设置属性 这instance的属性就是全局变量的属性
修改
instance.defaults.timeout
3axios请求配置
instance.get(url ,{
timeout:5000
})

axios 拦截器
axios请求拦截器
axios.interceptors.request.use(
config=>{
 //在发送请求前做什么
return config
},err=>{
//在请求错误的时候做什么
reture promise.reject(err)
})
//响应拦截器
axios.intercepors.response.use(
res=>{
 //res 为请求成功后返回的数据
r  //请求成功后对res进行处理 
return res
},err=>{
//响应错误做些什么
reture promise.reject(err)
})
axios.get().then(res=>{
//res 为上面返回的res
}).catch(err=>{
 err 为上面拦截时报错

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值