Vuex 持久化状态重复键

时间:2021-01-19 13:42:41

标签: vue.js vuex quasar-framework

我正在使用 vuex-persistenstate 在引导时跨 cookie 保存数据。

import { Cookies } from 'quasar'
import createPersistedState from 'vuex-persistedstate'

export default function ({ store, ssrContext }) {
  const cookies = process.env.SERVER
    ? Cookies.parseSSR(ssrContext)
    : Cookies

  createPersistedState({
    key: '_mtdc',
    paths: ['auth.token', 'auth.profileUser'],
    storage: {
      getItem (key) {
        return JSON.stringify(cookies.get(key))
      },
      setItem (key, value) {
        console.log(key, value)
        cookies.set(key, value, {
          expires: 30,
          path: '/'
        })
      },
      removeItem (key) {
        cookies.remove(key)
      }
    }
  })(store)
}

但是 cookie 在浏览器中重复多次

设置-Cookie:_mtdc=%7B%22auth%22%3A%7B%22token%… enter image description here

这种行为好吗? 关于如何避免这种行为的任何建议 谢谢

0 个答案:

没有答案