Nuxt 中的 Vuex 持久化使用 cookie-universal-nuxt

Question

需要帮助来使用 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