axios在vue中应用之错误处理

本文介绍了如何在Vue项目中使用axios进行错误处理,包括在请求和响应拦截器中设置错误处理,以及创建一个全局的错误处理弹窗,并在特定情况下进行单独的错误处理。
摘要由CSDN通过智能技术生成

axios在vue中应用之错误处理

 

错误处理:请求错误时进行处理

axios.interceptors.request.use

      (config=>{

        return config

      },err=>{

        return Promise.reject(err) //成功是Promis.resolve

      })

      axios.interceptors.response.use(

        res=>{

          return res

        },err=>{

        return Promise.reject(err)

        }

      )

      axios.get('/data.json').then((res)

      =>{

        console.log(res)

      }).catch(err=>{ //无论是响应错误还是请求错误,都会到catch里

        console.log(err)

      })

//例子:

//例子,实际开发过程中都需要添加一个统一的错误处理

      let instance = axios.create({})

      instance.interceptors.request.use(

        config=>{

          return config</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值