我正在为一个项目使用 laravel 和 vuejs。当呈现页面时,api 请求被发送到 laravel,我作为响应返回一些数据,我如何保存这些响应数据以避免每次发送请求我刷新页面? 我想避免每次刷新页面时都发送请求,所以我只发送一次请求,然后以某种方式将响应保存在某处,并且通过刷新不再发送 api 请求。 本地存储不是很安全,刷新页面就会清空 vuex store 有没有其他办法?
最佳答案
虽然您的答案可能重复,但您可以使用 vuex-persitedstate 插件。这个插件提供了 options 属性,它提供了一个你想要持久化的变量路径的白名单。 请参阅下面的示例,您可以尝试将“setCounts”添加到路径选项,这将是持久的。
例子:
const store = new Vuex.Store({
// ...
plugins: [createPersistedState({
paths: ['setCount']
})
option paths
是一个包含任何路径的数组,用于部分保留状态。如果没有给出路径,则保留完整状态。如果给出一个空数组,则不会保留任何状态。必须使用点表示法指定路径。还有其他选项,你可以查看vuex-persistedstate
关于laravel - 在 laravel + Vuejs 中缓存或保存 api 响应数据的理想方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68906484/