React学习（十三）

目录：

1.react-进阶-router-登录

2.react-进阶-router-欢迎词-注销-登录检查

1.react-进阶-router-登录

登录也会有状态数据的，登录成功会返回一个令牌，多个组件也会用到它，所以也要用store：mbox这个机制，状态数据管理起来

登录的代码也放到原来的store里就行了，因为登录后要获取动态菜单

原来的方法可以注释了

错误提示加：

页面刷新：

修改登录：

登录成功跳转主页：跳转代码需要用useEffect包装下

输入错误密码：

输入正确密码：

2.react-进阶-router-欢迎词-注销-登录检查

令牌第一部分加密算法，第二部分内容，第三部分签名，只有签名解不出来

atob可以吧base64加密的还原出来 

btoa可以吧json字符串加密

get方法直接当属性用

注销登录：

construct必须是页面刷新后才会执行

点击注销

清空了缓存

登录检查功能：

不能录不能访问主页，其实不能录没有动态路由，访问也会404，我们做的是主页的登录检查

用useEffect实现

没有登录访问主页就跳转到了登录页面，我们会发现主页闪了一下，useEffect是不会先执行，他是先渲染，再执行

用跳转标签：就没有主页的黑色背景闪了