,绑定click事件,点击登录
之后向服务端提交账号和密码进行验证,在向服务端提交账号和密码之前我们前端还可以进行一次简单的校验,减轻服务器压力,优化前端代码(后台设置校验是为了防止有人绕过前端,直接去后台登入...$store.dispatch提交username信息到vuex中的异步action,并将token储存在cookie之中,这样下次打开页面的时候能记住用户的登录状态,不用在登录页面重新登录了....token,并没有存储别的用户信息{用户名,用户头像等})
(假设我把用户权限和用户名存在本地,如果我在这时候有另一台电脑登录并修改了自己的用户名,那再用之前的电脑登录,那么他会默认去读取本地cookie...(如果做了单点登录功能的话, 用户信息存储在本地也是可以得,当你一台电脑登录时,另一台会被提下线,所以总会重新登录获取最新的内容)
而且从代码层面我建议还是把 login和get_user_info两件事分开比较好...== -1){next()},
否则全部重定向到登入页面
下面是store/permission.js
这里就是干一件是,通过用户权限和之前在router.js里面asyncRouterMap的每一个页面所需要的权限做匹配