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



我正在为一个项目使用laravel和vuejs。当一个页面被渲染时,api请求被发送到laravel,我得到一些数据作为响应,我如何保存这些响应数据,以避免每次刷新页面时发送请求?我想避免每次刷新页面时都发送请求,所以我只发送一次请求,然后在某处以某种方式保存响应,并通过刷新不再发送api请求。本地存储不是很安全,并且通过刷新页面来清空vuex存储是否有其他方法?

虽然你的答案可能是重复的,你可以使用vexpersitedstate插件。这个插件提供了options属性,它提供了一个白列表,其中包含了你想要持久化的变量路径。请看下面的例子,你可以尝试在路径选项中添加' setCounts ',这将是持久的。

的例子:

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

optionpaths是用于部分保存状态的任意路径的数组。如果没有给出路径,则保留完整的状态。如果给出空数组,则不保留任何状态。路径必须使用点表示法指定。还有其他选项,您可以检查vexexperstedstate

你可以安装一个名为'vuex- persiststedstate '的vuex插件,它可以通过npm安装,然后在你的vuex index.js文件中你需要import createPersistedState from 'vuex-persistedstate';并在'export default'下面添加plugins: [createPersistedState()],

你也可以试试Service Workers。为此,您可能需要检查渐进式web应用程序实现。但是如果你的应用有很多api需要缓存,需要及时更新,你可以选择service worker。

相关内容

  • 没有找到相关文章

最新更新