token过期跳转登录界面（踩坑记录）

在进行系统设计时，我们时常有这样的需求：用户每次请求会将token发送给后端，token如果过期，我们将请求不到数据，页面跳转到登录界面。其实这个需求很好实现，即在axios响应拦截的时候对返回的result进行判断，如果返回的结果显示用户未登录，路由跳转到登录界面。代码如下。

axios.interceptors.response.use(res=> {
  // 判断是否是未登录的状态，进行重新登录
  if (res.data.status === xxx) {
    this.$router.push('/login')
    alert('请登录！')
  }
  return res
}, err=> {
  console.log(err)
})

经过上述步骤后，调试运行一直报错！！！后台报错 this.$router.push跳转报Cannot read property '$router' of undefined，我刚开始以为是箭头函数的原因，后来引入了that还是不行。然后我就看到了这篇文章 然后就明白了！！！

我们写响应拦截的是在index.js文件中 ，但是只有在Vue文件中this.$router才能找到路由，

我们只需要在这个js文件中引入router，把this.$router.push改为router.push 就能正常跳转了！（vue中的this.$router 和 this.$store都是在vue组件中使用才有效，js文件中都需要引入才能使用，this.$store也是需要引入才能用）