Comment maintenir l'état entre le frontend Nuxt.js et le backend Laravel

Question

J'ai un backend Laravel que je veux coupler avec un frontend Nuxt séparé. Les deux sont encore des projets assez vides (une nouvelle application Laravel et un modèle de base Nuxt), donc toutes les options sont toujours sur la table. Je veux maintenir le moins d'état possible dans le frontend, de sorte que les données de session (utilisateur connecté, paramètre de langue et peut-être d'autres choses) persistent à travers les actualisations de page et les onglets du navigateur. Pour le backend, cela semble assez simple: il suffit d'utiliser la session Laravel pour stocker des données comme vous le feriez normalement avec n'importe quelle application Laravel.

Cependant, pour le frontend, je ne vois pas immédiatement quelle serait la meilleure option. Il me semble que l'utilisation de middleware fonctionnerait bien, mais je ne suis pas sûr de la meilleure façon de l'implémenter. Je sais que c'est une question un peu large, mais j'espère que quelqu'un peut me diriger dans la bonne direction.

Answer 1

Je gère généralement cela via localstorage. Vuex fonctionne très bien pour cela. Vous pouvez avoir un écouteur qui enregistre l'état entier dans localstorage chaque fois que des changements se produisent. Ensuite, il suffit de charger l'état de localstorage lorsque la page se charge. De cette façon, votre état persiste tout au long des actualisations de page et des onglets.