关于react存储登录状态的疑问

Question

登录操作

1. 前台发起登录请求
2. 后台接收到请求，并且验证通过，然后生成token并返回给前台
3. 前台得到这次登录的后台响应，从响应中取得token，保存到localStorage中，完成登录操作

后续操作

1. 用户发送请求时，从localStorage中读取token，一并发送给后台
2. 后台接收到请求后，从请求中取出token，然后跟服务器上的token比较，如果过期，响应给特定状态码给前台
3. 前台接收到过期的状态码时，跳转登录

那请问，在我登录后，刷新了页面或者重启浏览器，是不是需要在页面初始化时发送一个携带token的请求，用来判断localStorage中的token是否过期？常规的做法是如何？

Answer 1

进入页面后，先发送一次token认证，认证失败跳转登录页面重新登录，登录成功将新的token保存到本地

Answer 2

发送一个携带token的请求看后台是否需要与localStorage没有关系。localStorage只是本地存储。
一般情况 在路由钩子onEnter里 先判断localStorage token是否存在来判断是否已经登陆。token在不存在的时候跳转至登陆页面。locaStorage来控制
像你说的有可能是 token是验证session失效。这样其实可以不用locaStorage。通过token验证请求的返回来判断是否已经登陆。
这部分的处理我也想请求下大家的处理方式。欢迎留言讨论