路由配置
描述：后台管理系统，从登录页面跳转到首页。登录页面不需要权限，访问首页需要权限认证。
1.不需要权限认证的，直接放行
方法两种：白名单+meta路由元信息配置
2.需要权限认证的，登录-> 首页
思路：三方面进行权限认证：是否存在token+token保存的时效性+是否正确
// 缓存的状态数据token
this. s t o r e . c o m m i t ( " S A V E T O K E N " , d a t a ) ; / / 同步操作 m u t a t i o n s t h i s . store.commit("SAVE_TOKEN", data); //同步操作mutations this. store.commit("SAVETOKEN",data);//同步操作mutationsthis.store.dispatch(“saveTOKEN”, data); //vuex存储token，异步操作actions
遇到的问题：vuex未保存token,
鉴权的时候，判断用户权限验证的token是否正确(比较vuex ?== sessionStorage是否一致)，失败会重导向到登录页面。
解决方法：在登录的时候将从后端请求的token，保存在vuex和sessionStorage。在路由跳转前，全局路由导航守卫处理鉴权，具有权限则放行允许向下执行，否则重新导向到登录界面。
注意：vuex是存储在内存中的，刷新页面，vuex缓存的数据会丢失。也是判断token的正确性。
解决方式：vuex是存储在内存中的，刷新页面，vuex缓存的数据会丢失