Angular 5-维护浏览器上的组件范围硬刷新

Question

我正在研究Angular 5，其中我们有一个顺序流程，每个组件都进行多个API调用。

例如：

用户在页面1表单（component1）上输入其姓名/名称/性别/性别等详细信息，然后单击下一步，并将这些详细信息用作请求对象，服务将这些详细信息传递给component2，我们在component2上进行API调用并在第2页（component2）上显示用户名和其他相关详细信息。如果用户硬刷新该页面，那么我想维护当前组件的范围，并在其上将用户名由服务传递给该用户名。

我不想通过localstorage / sessionstorage / cache处理此问题，因为我们正在处理敏感数据。有没有更好的方法来处理这种情况？

Answer 1

通过“硬刷新”，我假设您是指刷新按钮？刷新按钮重新启动应用程序。因此，没有可用于在应用程序中存储数据的地方或技术。

如果您无法将其存储在任何类型的本地存储中，则需要将其存储在服务器上。

用户是否有理由需要使用“硬刷新”？

本文演示了一种使用本地存储的技术：https://netbasal.com/angular-2-persist-your-login-status-with-behaviorsubject-45da9ec43243

请注意，它不存储“敏感”信息。而是存储令牌。