如何维护 Nuxt.js 前端和 Laravel 后端之间的状态

Question

我有一个 Laravel 后端，我想与一个单独的 Nuxt 前端配对。两者都是相当空洞的项目（一个新的 Laravel 应用程序和基本的 Nuxt 模板），所以所有选项都还在讨论中。

我希望在前端保持尽可能少的状态，以便会话数据（登录的用户、语言设置以及可能的其他一些东西）通过页面刷新和浏览器选项卡保持不变。

对于后端，这似乎相当简单：只需像使用任何 Laravel 应用程序一样使用 Laravel 会话来存储数据。

但是，对于前端，我没有立即看出最佳选择是什么。在我看来，使用中间件会很好用，但我不确定如何最好地实现它。

我知道这是一个有点宽泛的问题，但我希望有人能指出我正确的方向。

Answer 1

我通常通过本地存储来处理这个问题。 Vuex 非常适合这个。每当发生任何更改时，您都可以拥有一个将整个状态保存到本地存储的侦听器。 然后，您只需在页面加载时从 localstorage 加载状态。这样，您的状态会在页面刷新和选项卡中持续存在。