对于后端接口返回401前端如何统一处理让其返回到登录页面呢？

来源：12-5 权限拦截功能开发

Mr_Xi

2020-08-30

老师您好，对于后端接口返回401前端如何统一处理让其返回到登录页面呢？老师在视频中说可以在拦截器中做统一的处理，但是我还是不知道前端这块该怎么写才能实现对后端接口返回401的时候，让其跳转到登录页面。
我自己试着写了一下没效果：
图片描述
请老师解答一下，非常感谢

写回答

1回答

甲蛙

2020-08-30

已采纳

我最近刚好在录二期的课程，有讲解到你这个问题，在error里写，代码如下，你可以更新下源码，视频等升级的时候再放出：

axios.interceptors.response.use(function (response) {
  console.log("返回结果：", response);
  return response;
}, error => {
  console.log("返回拦截：", error.response);
  let response = error.response;
  const status = response.status;
  if (status === 401) {
    // 判断状态码是401 跳转到登录
    console.log("未登录，跳到登录页面");
    Tool.setLoginUser(null);
    router.push('/login');
  }
  return {
    data: {
      success: false,
      message: "请重新登录"
    }
  };
});

//img.mukewang.com/szimg/5f4bb96609b535e418910759.jpg