axios在vue中的使用_技术笔记

范东东 2022-02-09

//实际开发过程中，一般添加统一错误处理
let instance = axios.create({})
instance.interceptors.request.use(
    config=>{
        return config
    },err=>{
        $('#model').show()
        setTimeout(()=>{
            $('#model').hide()
        },2000)
        //请求错误一般http状态码以4开头，常见：401超时，404 not found
        return Promise.reject(err)
    }
)
instance.interceptors.response.use(
    res=>{
        return res
    },err=>{
        //响应错误处理一般http状态码以5开头，500 系统错误，502 系统重启
        return Promise.reject(err)
    }
)

0赞 · 0采集

you0509 2021-12-16

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

axios.interceptors.request.use(config=>{
 return config
},err=>{
    return Promise reject(err)
})
axios.inerceptors.responce.use(config=>{
 return config
},err=>{
return Promise reject(err)
})
axios.get('/data.json').then(res=>{
console.log(res)
}).catch(err=>{//无论是请求错误还是响应错误都会进入catch
console.log(err)
})

//实例 实际开发时会写一个统一的错误处理
let inters=axios.create({})
inters.axios.interceptors.request.use(config=>{
return config
},err=>{
    //请求错误 一般http状态码以4开头：常见401超时，404 找不到 not found
    
    $('modal').show();
    setTimeout(()=>{
        $('modal').hide();
    },2000)
    return Promise.reject(err)
})
iners.axios.inerceptors.responce.use(config=>{
    return config
},err=>{
//响应错误处理。一般http状态码以5开头：500 系统错误，502 系统重启
     $('modal').show();
    setTimeout(()=>{
        $('modal').hide();
    },2000)
    return Promise.reject(err)
})
iners.axios.get('/data.json').then(res=>{
console.log(res)
}).catch(err=>{
console.log(err)
})

0赞 · 0采集

慕妹8300966 2021-06-27

axios错误处理：请求错误时进行的处理
axios.interceptors.request.use(config=>{
    return config
},err=>{
    return Promise.reject(err)
})

axios.interceptors.response.use(res=>{
    return res
},err=>{
    return Promise.reject(err)
})

//无论是请求错误还是响应错误都会进到catch里
axios.get('/data.json').then(res=>{
}).catch(err=>{
    console.log(err)
})

//例子，实际开发中一般添加统一的错误处理
let instance = axios.create({})
instance.interceptors.request.use(config=>{
    return config
},err=>{
    //请求错误一般http状态码开头，常见 401超时 404 not fonud
    $('#modal').show()
    setTimeout(()=>{
        $('#modal').hide()
    },2000)
    return Promise.reject(err)
})
instance.interceptors.response.use(res=>{
    return res
},err=>{
    //响应错误处理一般http开头的状态码以5开头， 500系统错误  502系统重启
    $('#modal').show()
    setTimeout(()=>{
        $('#modal').hide()
    },2000)
    return Promise.reject(err)
})

//如果是不需要做特殊的错误处理就不需要写.catch
instance.get('/data.json').then(res=>{
    console.log(res)   //
}).catch(err=>{})

0赞 · 0采集

山水有重逢 2021-06-10

axios错误处理：请求错误时进行的处理

axios.interceptors.request.use(config=>{
    return config
},err=>{
    return Promise.reject(err) 
})

axios.interceptors.response.use(res=>{
    return res
},err=>{
    return Promise.reject(err)  
})

//无论是请求错误还是响应错误都会进到catch里
axios.get('/data.json').then(res=>{
}).catch(err=>{
    console.log(err)
})

//例子，实际开发中 一般添加统一的错误处理
let instance = axios.create({})
instance.interceptors.request.use(config=>{
    return config
},err=>{
    //请求错误 一般http状态码开头，常见 401超时 404 not fonud
    $('#modal').show()
    setTimeout(()=>{
        $('#modal').hide()
    },2000)
    return Promise.reject(err)  
})
instance.interceptors.response.use(res=>{
    return res
},err=>{
    //响应错误处理 一般http开头的状态码以5开头， 500系统错误  502系统重启
    $('#modal').show()
    setTimeout(()=>{
        $('#modal').hide()
    },2000)
    return Promise.reject(err)  
})

//如果是不需要做特殊的错误处理就不需要写.catch
instance.get('/data.json').then(res=>{
    console.log(res)   //
}).catch(err=>{})

0赞 · 0采集

慕用0863198 2020-03-19

移动端响应错误处理进行弹框显示

截图
0赞 · 0采集
慕用0863198 2020-03-19

移动端请求错误进行弹框显示

截图
0赞 · 0采集
慕慕4293271 2019-08-29

实际开发中一般添加同意的错误处理

0赞 · 0采集

数据加载中...