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

标签 laravel vue.js

我正在为一个项目使用 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/

相关文章:

javascript - 通过laravel中的javascript函数在路由中传递两个变量

javascript - 在 UTC 中使用 moment.js 的 fromNow() 函数

laravel - php redis 和 laravel 中的 redis 有什么区别?

vue.js - 如何使 Vue 3 Prop 对象具有反应性?

javascript - D3.JS 和 Vue 如何创建基本的圆环图

javascript - Laravel VueJS 将动态数量绑定(bind)到产品列表组件中的每个输入

php - 如何在 Mac 操作系统中为 Laravel 运行 Composer 命令?

php - 一个 Laravel 4 安装的多个应用程序/项目

vue.js - 根据断点设置图像高度

javascript - 如何在 vue 组件的 google map 中显示组合框的选定城市?