带反应的微前端，如何传递 jwt 令牌和用户 ID

问题描述

我已经开始使用 microfronted.Riqht 现在我正在努力在两个应用程序之间共享数据。

例如我有 appA（容器）和 appB。 AppA 处理身份验证，将 jwt 令牌存储在 localStorage 中。 AppB 向后端发送请求。对于每个请求，我需要添加 jwt 令牌。如何将 jwt 令牌和其他一些数据（用户 ID）从 appA 传递到 AppB？

这是我的应用程序

import React from 'react';

const AuthForms = React.lazy(() => import('login/AuthForm'));


const App = () => {
  
  return (
    <div className={classes.root}>
      <div className={classes.contentWrapper}>
      <React.Suspense fallback={<p>Loading content from app 2...</p>} >
        <AuthForms  />
      </React.Suspense>
      </div>
    </div>
  );
}

export default App;

应用程序B

import React,{ useState } from 'react';

const AuthForms = () => {
    return (
        <div  className={classes.formWrapper}>
        I need jwt token in appB
        </div>
    );
};
export default AuthForms;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）