Axios对HTTP拦截的基本使用

该项目是本人使用vue.js 配置中判断http登录后才能访问进行的拦截操作

axios. interceptors. response. use( // 添加一个拦截器的请求
response => {
// 在发出请求的时候拦截http请求的数据进行判断
if( response. data. code == 401){
// 比如你访问一个接口并且这个接口必须是登录状态下才能请求
// 如果你请求则会返回基本信息通过判断它的code码进行http的拦截拦截之后你可以让它跳回登录页面
this. $router. push({ path: ' /login ',});
// 如果拦截成功则会跳到登录页面
} else {
// 如果已经是登录状态则return它的返回值到axios
return response;
}
},
error => {
return Promise. reject( error. response. data)
});

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值