在Node App和React App之间共享数据

时间:2017-07-12 20:08:46

标签: node.js reactjs express local-storage

我在本地开发机器上运行了两个应用程序:

  1. 正在运行的主应用程序(使用Express和Pug来渲染视图的节点) localhost:4000
  2. 在localhost:4001
  3. 上运行的助手应用程序(使用express进行反应构建)

    当用户登录时,我在主应用程序的客户端执行以下脚本:

    function() { localStorage.setItem('prefix_token', '" + token + "'); } )();
    function() { console.log( localStorage.getItem('prefix_token') ); } )();
    

    正确输出在成功登录时创建的正确令牌。

    但是,当我尝试在我的第二个应用程序(帮助应用程序)上访问localStorage时,它似乎没有使用相同的localStorage。

    ...
    
    class App extends Component {
    
      componentDidMount() {
        console.log("made it here")
        console.log(localStorage.getItem("prefix_token"));
      }
    
      render() {
        return (
          <div className="app">
            ...
          </div>
        );
      }
    }
    
    export default App;
    

    输出始终为:

    "made it here"
    null 
    

    :(

    如何从帮助应用程序共享令牌变量?

0 个答案:

没有答案