从服务器获取数据后将数据传递到其他组件，并使用该数据加载其他组件

Question

从服务器获取数据后，如何将数据传递到另一个组件（与父子组件无关），并用该数据加载其他组件？

Answer 1

您必须将服务器请求存储在Main组件中。它必须是所有其他组件的父级。这样，您可以使用prop检索下面任何组件的数据。

Answer 2

如我所见，在用户成功登录并且服务器返回响应之后，您需要它将对象从login传递到dashboard。

您使用什么进行身份验证？ 您是否尝试过使用jwt https://jwt.io/？

您可以用它做的是，后端将向您发送令牌，并且在您获取令牌后，您只需使用

将其保存在localStorage中

localStorage.setItem('my-token', tokenFromBackEnd);

然后，您可以使用jwt-decode库对令牌进行解码并获取完整的对象 https://www.npmjs.com/package/jwt-decode

只需编写以下代码，您就可以将它作为对象无处不在：

var decoded = jwt_decode(token);