Nuxt 中的 Vuex 持久性使用 cookie-universal-nuxt答案

【问题标题】：Vuex Persistance in Nuxt using cookie-universal-nuxtNuxt 中的 Vuex 持久性使用 cookie-universal-nuxt
【发布时间】：2021-06-13 13:46:14
【问题描述】：

使用 vuex-persistedstate 实现 cookie-universal-nuxt 需要帮助。如文档中所述。如果提供了 getItem/setItem/removeItem，VuexPersistedstate 可以使用自定义存储元素。

// ~/plugins/persistedState.js
import createPersistedState from 'vuex-persistedstate'
export default ({ app, store }) => {
  createPersistedState({
    storage: {
      getItem: (key) => app.$cookies.get(key),
      setItem: (key, value) =>
        app.$cookies.set(key, value, {
          path: '/',
          maxAge: 60 * 60 * 24 * 7,
        }),
      removeItem: (key) => app.$cookies.remove(key),
    },
  })(store)
}

使用此代码页面甚至没有加载抛出 ERR_RESPONSE_HEADERS_TOO_BIG

【问题讨论】：

标签： nuxt.js vuex

【解决方案1】：

vuex-persistedstate 必须作为 NuxtJS 插件包含

【讨论】：