laravel - 在 laravel + Vuejs 中缓存或保存 api 响应数据的理想方式是什么？

Question

我正在为一个项目使用 laravel 和 vuejs。当呈现页面时，api 请求被发送到 laravel，我作为响应返回一些数据，我如何保存这些响应数据以避免每次发送请求我刷新页面？我想避免每次刷新页面时都发送请求，所以我只发送一次请求，然后以某种方式将响应保存在某处，并且通过刷新不再发送 api 请求。本地存储不是很安全，刷新页面就会清空 vuex store 有没有其他办法？

Answer 1

虽然您的答案可能重复，但您可以使用 vuex-persitedstate 插件。这个插件提供了 options 属性，它提供了一个你想要持久化的变量路径的白名单。请参阅下面的示例，您可以尝试将“setCounts”添加到路径选项，这将是持久的。

例子:

const store = new Vuex.Store({
  // ...
  plugins: [createPersistedState({
     paths: ['setCount']
  })

option paths 是一个包含任何路径的数组，用于部分保留状态。如果没有给出路径，则保留完整状态。如果给出一个空数组，则不会保留任何状态。必须使用点表示法指定路径。还有其他选项，你可以查看vuex-persistedstate