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)
})

 

posted @   初海  阅读(320)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示