react-页面强制刷新,Redux的数据丢失

2,823 阅读1分钟

页面强制刷新,Redux和Vuex的数据都是丢失

开发说明

路由页面中数据请求,需要拿到redux中的userinfo的数据才能进行正常请求,而userinfo的数据是在index.js中请求的。

问题

页面强制刷新时,页面接口会重新请求,获取userinfo的接口和获取list的接口同步,而此时redux中的userinfo数据丢失,list的接口请求拿不到cropId,然后页面报错白屏。

0

解决方式

  1. 将userinfo数据存储在sessionStorage中,但是有多个页面使用,所以需要改动的代码会很多,并且也会将一些信息暴露出去
  2. 接口请求是同步的,所以需要在userinfo的接口请求完成之后再请求list的接口。修改结构。

如果数据比较少时,用sessionStorage会比较方便。数据多的话就不太建议了。

可参考链接