如何保持Nuxt.js前端和Laravel后端之间的状态

Question

我有一个Laravel后端，我想与单独的Nuxt前端配对。两者仍然是相当空的项目（一个新的Laravel应用程序和基本的Nuxt模板），所以所有选项仍在桌面上。

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

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

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

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

Answer 1

我通常通过localstorage来处理这个问题。 Vuex对此很好。每当发生任何更改时，都可以有一个监听器将整个状态保存到localstorage。 然后，您只需在页面加载时从localstorage加载状态。通过这种方式，您的状态在整个页面刷新和制表符中保持不变。