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

时间:2017-10-13 21:02:41

标签: php laravel vuex nuxt.js

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

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

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

然而,对于前端,我不会立即看到最好的选择。在我看来,使用中间件会很好,但我不知道如何最好地实现它。

我知道这是一个有点广泛的问题,但我希望有人可以指出我正确的方向。

1 个答案:

答案 0 :(得分:-1)

我通常通过localstorage处理这个问题。 Vuex非常适合这一点。只要发生任何更改,您就可以拥有一个将整个状态保存到localstorage的侦听器。 然后,您只需在页面加载时从localstorage加载状态。这样,您的状态会在整个页面刷新和标签页面中持续存在。