$store.dispatch提交username信息到vuex中的异步action,并将token储存在cookie之中,这样下次打开页面的时候能记住用户的登录状态,不用在登录页面重新登录了....注意: 为了安全性,我司在后台所有token有效期都是seeion,就是浏览器关闭了就丢失了,重新打开浏览器都需要重新登录一次,确保用户不会因为电脑遗失或者其他原因被人随意使用账号 1.1....token,并没有存储别的用户信息{用户名,用户头像等})
(假设我把用户权限和用户名存在本地,如果我在这时候有另一台电脑登录并修改了自己的用户名,那再用之前的电脑登录,那么他会默认去读取本地cookie...(如果做了单点登录功能的话, 用户信息存储在本地也是可以得,当你一台电脑登录时,另一台会被提下线,所以总会重新登录获取最新的内容)
而且从代码层面我建议还是把 login和get_user_info两件事分开比较好...具体实现
创建vue实例的时候将vue-router挂载 , 但这个时候vue-router挂载一些登录或者不用权限的公用的页面
当用户登录后, 获取用role, 将role和路由表每个页面需要的权限作比较