vue项目中axios如何捕捉http状态码为401错误问题

// 响应拦截
axios.interceptors.response.use(function (response) {
// 这个是处理响应成功的结果，也就是说响应状态码为2XX系列的
  NProgress.done()	// 这个忽略，只是一个响应的进度条
  return response;
},function (error) {
// 这个是处理响应失败的，也就是响应错误的，在这个箭头函数中，才能拿到401状态下的包
  NProgress.done()
  if (error.response.status === 401) {
    // 接口的根地址截取下来，判断
    const url = error.response.config.url
    const flag = url.substring(0,url.indexOf('/'))
    // 判断地址是哪一个页面的，push到相应的错误页面
    if(flag == 'roster'){
      router.push({
        path:'/rosterError',
        query:{
          info: error.response.data.message
        }
      })
    }
    if(flag == 'user'){
      router.push({
        path:'/AllUserinfoEerror',
        query:{
          info: error.response.data.message
        }
      })
    }
      
  }
  return Promise.reject(error);
});

axios": "0.18.1"

// 添加响应拦截器
instance.interceptors.response.use((response) => {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么 (默认axios会多包装一层data，需要响应拦截器中处理一下)
  const res = response.data
  return res
}, (error) => {
  // 超出 2xx 范围的状态码都会触发该函数。
  if (error.response.status === 401) {
    console.log('登录状态无效，请重新登录')
    return Promise.reject(error)
  }
  Message.error(error.message)
  return Promise.reject(error)
})
``