页面强制刷新,Redux和Vuex的数据都是丢失
开发说明
路由页面中数据请求,需要拿到redux中的userinfo的数据才能进行正常请求,而userinfo的数据是在index.js中请求的。
问题
页面强制刷新时,页面接口会重新请求,获取userinfo的接口和获取list的接口同步,而此时redux中的userinfo数据丢失,list的接口请求拿不到cropId,然后页面报错白屏。
解决方式
- 将userinfo数据存储在
sessionStorage中,但是有多个页面使用,所以需要改动的代码会很多,并且也会将一些信息暴露出去 - 接口请求是同步的,所以需要在userinfo的接口请求完成之后再请求list的接口。修改结构。
如果数据比较少时,用sessionStorage会比较方便。数据多的话就不太建议了。
可参考链接