长注册流程页面刷新如何保持状态？

Question

比方说，我现在有一个很长的注册流程，每一个页面都是一个前端组件
1.填写地址
2.填写付款信息
3.填写喜欢的产品种类
4.填写个人信息
5.xxxx
6.xxxx
7.填写紧急联系人
8.等等

如果我填写到第四步，我想要点击回退按钮，我可以通过redux进行状态保存，不用你再从新填写第三步。如果我在第四步点击刷新页面，什么好的办法保存之前几步填写的信息呢？我知道可以用LocalStorage或者sessionStrage来实现，不过每一步都保存在localStorage里面，是不是有点太繁琐了。大家有没有什么其他的最佳实践阿，比如，刷新第四个页面的时候，我直接给你跳转到 第一个页面，让你从新填写起来。我感觉这样好像也能接受。

各位大佬平时怎么处理这种情况阿。非常感谢。

Answer 1

1. 该存到 localStorage 就存，有什么繁琐的？不懂
2. 存的时候不需要分页，全部存一个 key 里就行了
3. 刷新就必须重新填写，能否接受，问你们的 pm
4. 我平时不觉得这种需求会有什么问题

Answer 2

默认使用vue
所有的题目用的都是一个页面只是根据题目不同做的显示隐藏，这样页面刷新肯定是回到第一题，因为是在一个页面写题目不用考虑题主说的那样存储数据或跨页面通信，如果一定要长久存储vuex也可以，题目答案存储用栈这种数据格式，js用栈就是数组的push与pop，栈的特点是进去与出去都是操作最后一项也就是后进先出，正好适合题目返回上一题的场景

Answer 3

跟后端交互比较好，因为这次没注册完，下次从第四步开始接着注册

Answer 4

browser indexedDB