javascript - 即使在重新加载角度 6 时也能在所有组件中维护对象实例的最佳方式

Question

我有一个登录方法，它返回一个用户对象，可以使用依赖注入在所有组件之间共享。

  login(usuario: Usuario) {
this.http.post<Usuario>(this.baseUrl, {
  username: usuario.username,
  clave: usuario.clave
}).subscribe(data => {
  if (data != null) {
    localStorage.setItem('isLoggedIn', 'true');
    localStorage.setItem('token', btoa(usuario.username + ':' + usuario.clave));
    this.usuario2 = data;
    this.router.navigate(['/buscador']);

  } else {
    alert('Authentication failed.');
  }
});}

问题是，如果我重新加载页面，对象实例将被刷新并且其余组件无法访问。当您登录时，我尝试使用 localStorage 将整个对象设置为 json 字符串，然后在我想要使用它们的组件中解析它。这在所有组件中都有效，除了只能在 onInit 上访问的 AppComponent。所以我想知道解决这种情况的最佳方法是什么。