nuxtjs3 - 在 Nuxt 3 中使用 Pinia 保持状态

标签 nuxtjs3 pinia

我正在尝试使用包 pinia-plugin-persistedstate 在新的 Nuxt 3 应用程序中保留变量的状态。

我已经实现了 guide 中提供的步骤对于 nuxt 3:

  1. 创建了 /plugins/persistedstate.ts 文件。
  2. 在存储文件中添加了 persist: true 选项。

但是什么也没有发生。每当我刷新页面时,存储值就会丢失。

有人可以帮我理解这里的问题是什么吗?另外,如果有人使用过该软件包,请分享我在实现时可能遗漏的步骤。

最佳答案

我发现此集成工作正常,但问题是 cookie 只能是特定大小。这可能是问题所在。即您的响应对象大于可用于将数据存储在 cookie 中的大小

关于nuxtjs3 - 在 Nuxt 3 中使用 Pinia 保持状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73362293/

相关文章:

vue.js - 如何在 Nuxt 3 中添加一个脚本 block 到头部?

twitter-bootstrap - 如何将 Bootstrap5 与 Vite 和 Nuxt3 一起使用?

javascript - 运行单元测试时,在 onMounted 中未定义 Vue Pinia 函数

javascript - 无法使用 Pinia Store 从状态检索数据

javascript - 如何使用 Vue 3 和 Pinia 从不同的组件调用方法

typescript - Pinia 存储与可组合函数

vue.js - Nuxt 3 文件在目录结构中不可见

vue.js - 使用 nuxt 3 访问本地私有(private)变量?