在全局路由守卫中使用vuex中的变量

需求：如下图，一个学生管理系统，tea_attendance只能教师访问，学生不能访问，如果是学生访问，则提示无权限。

 

直接使用vuex中的数据是不行的，因为router下的index.js文件并不是当前Vue对象。

解决办法1：在路由跳转的时候传递参数，然后通过beforeRouteEnter获取数据（官方文档：https://router.vuejs.org/zh/guide/advanced/data-fetching.html#%E5%AF%BC%E8%88%AA%E5%AE%8C%E6%88%90%E5%90%8E%E8%8E%B7%E5%8F%96%E6%95%B0%E6%8D%AE），再根据获取到的数据进行判断。该方法理论上是可行的，但是我没有尝试，大家可以自行尝试一下。

解决办法2： 在该文件中我是能过获取token的，我直接解析token判断也行。