React Universal App：認証されたAPIコール

Question

私は状態管理のためにreduxを使用してリアクションアプリケーションを構築しています。チュートリアルをオンラインで見た後、私はログイン/ログアウト機能を備えた素敵なアプリを作ることができました。しかしリフレッシュすると、私は404を手に入れました。クライアント側のレンダリングであることに気付きました。そこで、ルートを扱うエクスプレスサーバーを追加し、サーバー側のレンダリングを行いました。

データフェッチを呼び出すapi Iには認証が必要です。私はcomponentDidMountのjwtトークンでAPIを呼び出します。それはクライアント側でうまく動作します。ここで

は私の質問です：

しかし、ユーザーがページをリフレッシュする場合、サーバはcomponentDidMountで呼び出しを行うクライアントに続いて、htmlの骨格を送信します。データフェッチはサーバー側で行うことはできますか？はいの場合、（ブラウザのlocalStorageから）どのようにトークンを取得できますか？

Answer 1

サーバーにはブラウザにアクセスできないため、ブラウザlocalStorageからデータを取得することはできません。 APIにアクセストークンが必要な場合は、まずページをレンダリングし、トークンをlocalStorageから取得してから、APIからデータを取得します。