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 为上面拦截时报错