axios的全局配置
axios.defaults.baseURL=="http://localhost:2005/api/aab"
axios.defaults.timeout=5000
axios.get("http://localhost:2005/api/aab", {
params: {
id: "1",
name: "马嘉宁"
}
}).then(function (res) {
console.log("axios.defaults.timeoutaxios.get", res)
}).catch((err)=>{
console.log("axios.defaults.timeoutaxios.get错误",err)
})
const request = axios.create({
baseURL: "http://localhost:2006/",
timeout: 5000,
});
//拦截器
module.exports = request;
可以导出多个axios基础配置,并且以对象的形式去导出
axios拦截器
axios给我们提供了两大类拦截器,一种是请求方向的拦截器(成功的请求,失败的请求)
另一种是响应方的(成功的,失败的)
axios拦截器的主要作用:用于我们在网络请求的时候在发起请求或者响应时对操作进行响应的处理
请求拦截器
axios.defaults.timeout=5000
axios.interceptors.request.use((config)=>{
console.log("进入请求拦截器")
console.log("拦截器打印的config",config)
return config
},(err)=>{
console.log("请求方向失败")
console.log(err)
})
axios.get("http://localhost:2005/api/aab", {
params: {
id: "1",
name: "马嘉宁"
}
}).then(function (res) {
console.log("axios.get", res)
})
响应拦截器
axios.interceptors.response.use((config)=>{
console.log("进入请求拦截器")
console.log("拦截器打印的config",config)
return config.data
},(err)=>{
console.log("响应方向失败")
console.log(err)
})
axios.get("http://localhost:2005/api/aab", {
params: {
id: "1",
name: "马嘉宁"
}
}).then(function (res) {
console.log("axios.get", res)
})