react中axios全局配置:
参数配置参考:npmjs.com/axios…
单个组件在componentDidMount中进行配置:
componentDidMount() {
axios.defaults.baseURL = "http://demo.itlike.com/web/xlmc";
}
在方法中使用:
_delRequest=()=>{
axios({
method:"get",
url:"/api/homeApi/categoriesdetail/lk001"
}).then((res)=>{
console.log(res);
}).catch((error)=>{
console.log(error);
})
}
常用的配置选项
- 请求地址 url:’/itlike’
- 请求类型 method:‘get’
- 请求根路径 baseURL:‘http://www.itlike.com’
- 请求前数据处理 transformRequest:[function(data,headers){return data;}]
- 请求后数据处理 transformResponse:[function(data,headers){return data;}]
- 自定义请求头 headers:{‘X-Requested-With’:‘XMLHttpRequest’}
- URL查询对象 params:{ID:‘12345’} 和get对应
- URL查询对象序列化 paramsSerializer:function(data){return QS.stringify(params,{arrayFormat:‘brackets’})}
- request body data:{firstName:“zhu”} 和post对应
- 超时设置 timeout:1000 ms
- 跨域是否带token withCredentials:false
- 自定义请求处理
- 身份验证 auth:{username:“aaa”,password:“123456”}
- 响应数据规则 responseType:“json” ,“arraybuffer”,“document”,“text”,“stream”