Nuxt.js 使用中间件创建持久化状态

Question

我已经根据 github https://github.com/robinvdvleuten/vuex-persistedstate

设置了 createdPersistedState

plugins/localStorage.js

import createPersistedState from 'vuex-persistedstate'

export default ({store}) => {
  createPersistedState({
      key: 'vuex',
      paths: ['local']

  })(store)
}

nuxt.config.js

plugins:[
  { src: '~/plugins/localStorage.js', ssr: false }
  ],

middleware/auth.js

import axios from 'axios'

export default function ({ store, params }) {

    return axios.post( process.env.baseApi + '/login', {
            email: 'example2@juanmerkado.com',
            password: '12345678'
        })
          .then(response => {
              //How to save it in createPersistedState or How can I do it here?
              store.dispatch('token', response.data.token)
            })
}

如何在middleware/auth.js 中使用createdPersistedSate 将其保存在localStorage 中？

Answer 1

import createPersistedState from 'vuex-persistedstate'

export default ({store}) => {
  createPersistedState({
    ...
  })(store)
}

只删除这个

key: 'vuex',
paths: ['local']

Nuxt.js 使用中间件创建持久化状态

Nuxt.js createPersistedState using Middleware

nuxt.js