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

Question

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

请老师解答一下，非常感谢

Answer 1

甲蛙 2020-08-30 22:37:39

我最近刚好在录二期的课程，有讲解到你这个问题，在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: "请重新登录"
    }
  };
});

• 提问者 Mr_Xi #1

  非常感谢！