Nuxt.jsフロントエンドとLaravelバックエンドの間の状態を維持する方法

Question

私は別のNuxtフロントエンドとペアにしたいLaravelバックエンドを持っています。どちらもまだかなり空のプロジェクト（新しいLaravelアプリと基本的なNuxtテンプレート）なので、すべてのオプションはまだテーブルに残っています。

フロントエンドでできるだけ小さな状態を維持したいので、セッションデータ（ログインしたユーザー、言語設定など）がページの更新やブラウザのタブに残るようにします。

バックエンドの場合、これはかなり簡単です。Laravelセッションを使用して、通常のLaravelアプリケーションと同じようにデータを保存してください。

しかし、フロントエンドの場合、私はすぐに最適なオプションが何であるかはわかりません。私はミドルウェアを使うのがうまくいくように思えますが、どうやって実装するのかが分かりません。

これはやや広い質問ですが、誰かが私に正しい方向を向けることを願っています。

Answer 1

私は通常localstorageでこれを処理します。 Vuexはこれに最適です。変更が発生するたびに、状態全体をlocalstorageに保存するリスナーを持つことができます。 次に、ページがロードされるときにlocalstorageから状態をロードするだけです。このようにして、ページの更新やタブ全体で状態が維持されます。