通常、ログインに成功すると、ユーザー情報とメニュー情報をグローバル共有データとして vuex に配置する必要があります。ただし、ページが更新されると、vuex 内のデータが再初期化され、データが失われます。vuex のデータは実行メモリに保存されるため、ページが更新されると、ページは vue インスタンスを再ロードし、vuex のデータはクリアされます。
方法 1: vuex のデータをブラウザのキャッシュ (sessionStorage、localStorage、Cookie) に直接保存する
方法 2: ページが更新されたときにリモート データを再度リクエストして vuex データを動的に更新する
方法 3: 親ページからバックグラウンド リモートにリクエストするデータを取得し、ページが更新される前に vuex データを sessionStorage に保存します (要求されたデータ量が大きすぎて、ページのロード時に返されたデータを取得できない場合)