在react和redux中登录状态的保持

Question

在react redux的场景中做登录，第一次登录会分配一个cookie然后可以通过这个cookie去服务端的session中查询出是否登陆，现在在react redux中我是通过cookie拿到状态之后存储在redux的state中，然后权限控制就直接走react-router的onEnter，（当然这是前端的权限检验，安全问题这边不用考虑，后端也会控制的）现在遇到一个问题就是如果我刷新页面，那么redux中的state的登陆标识什么的都已经没有了，那么用户就标识为未登录状态，但是其实他的cookie是已然登录的，那么这个体检就非常差，有没有什么办法可以可以做到刷新页面依然可以第一时间来做一个cookie检验并重置redux中的登陆状态，所以现在的问题点就很明显，就是在刷新页面的时候或者第一次进入的时候这个钩子我该如何放置，放在什么地方？

这是我想到的一个解决办法，但是具体实现还在测试中，上面的位置希望有人知道告知，当然我非常希望能有更好的解决方案哦！那样就非常非常感谢了！

Answer 1

感觉题主的cookie更像是当token在使用啊，这样的话，为什么不干脆变成token的方式，将token存在sessionStorage或者localStorage中，这样刷新页面也不会丢失了。

Answer 2

• store支持初始化是附带数据，例如下面，这样可以保证state有登陆标志

import { createStore } from 'redux'
let store = createStore(todos, [ 'Use Redux' ])

• 校验cookie 我觉得可以在你的components里面做判断，根据不同状态，render正常页面或者cookie失效的页面

Answer 3

为什么要存在redux的state中？

Answer 4

刷新的时候可以请求一次登陆，在session判断成功之后把状态传回redux，存在state中就可以了