質問: ### 前提・実現したいこと 前提 ・1ログイン画面→2ログインユーザのグループ選択画面→3各グループ画面の構成です。 ・2グループ選択画面は、1ログイン画面の認証後にrouter.navigate['menu']にて画面遷移を行っている。 ・2グループ選択画面のngOninitでユーザ情報をキーにグループ情報を取得して、グループをラジオボタンとして表示してます。 実現したいこと ・2グループ選択画面が表示完了し、ブラウザの更新(reload)ボタンを押下で再度同じグループ選択画面を表示したい. 案1HashLocationStrategyを設定せずにブラウザの更新(reload)ボタン押下を検知してログイン情報を使って再度2グループ選択画面のngOninitを行う 案2HashLocationStrategyを設定し、ログイン情報をlocalStorageを使わずに保存・参照する方法 案3上記以外の方法 ### 発生している問題・エラーメッセージ ブラウザの更新(reload)ボタン押下で、サーバにGETリクエストが飛び、グループ情報取得に必要なキーがないのでエラーとなる。 ### 試したこと GETリクエストが飛ばないように、HashLocationStrategyを設定したが、ブラウザの更新(reload)ボタン押下でログイン情報などコンポーネントが初期化されて、グループ情報取得のkey値がクリアされてしまう。 (key値をlocalStorageに保存する方法はセキュリティ上と保存容量の観点からできるかぎり使いたくないです。) ### 補足情報(言語/FW/ツール等のバージョンなど) クライアント:Angular2 v2.1.0(TypeScript) サーバー:node.jsのExpress4
回答: ページごとリロードしてもログイン状態を維持したいということであればセッションを使うのが一般的ではないかと。 ログイン認証成功時にセッションを発行して、リロード時はセッションでログインユーザ情報を参照、的な。