Axios拦截器的使用
拦截器
- 拦截器(interceptors)用来全局拦截axios的每一次请求与响应
- 好处:可以把每个请求中,某些重复性的业务代码封装到拦截器中,提高代码的复用性
1.请求拦截器--请求发起前执行
axios.defaults.baseURL = "http://www.xxx.top:3009";
axios.interceptors.request.use(function (config) {
// 此处可进行返回之前的一系列操作
// 注入token、检查、打开进度条等
return config
},function (error) {
return Promise.reject(error)
})
// attention:必须return
2.响应拦截器
axios.interceptors.response.use(function (response) {
//成功进入第一个参数
return response.data // 因为axios默认加了一层壳, 脱壳数据,方便后期操作
},function (error) {
//失败进入第二个参数
return Promise.reject(error)
})
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!