路由权限登录后还保留上一个登录角色的权限，刷新一下就好了的解决方案

描述

在做权限的时候，角色一不能查看abc路由，角色一退出，管理员登录，管理员有全部访问权限，但是管理员登录后还还是角色一的路由权限，abc路由不能访问。但是刷新一下就可以了。

解决

在退出登录的时候加上 location.reload()

methods: {
    // 退出
    hSignOut(){
      // 清空token
      removeToken()
      location.reload();// 为了重新实例化vue-router对象 避免bug
      // window.location.reload(); // 强制刷新
      // 跳回登陆页
      this.$router.push({ path: '/login'})
      removeRoleName()
    }
  }

注意

不要使用 window.location.reload() 刷新，因为在退出以后还会有一个几秒的白屏阶段，用户体验不好，而使用 location.reload()就不会存在这个问题。