使用插件让VueX实现持久化存储token

415 阅读1分钟

使用npm下载第三方包

npm install --save vuex-persistedstate@3.2.1

src/store/index.js 模块中,导入并配置 vuex-persistedstate 包:

import Vue from 'vue'
import Vuex from 'vuex'
// 1. 导入包
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  // 2. 配置为 vuex 的插件
  plugins: [createPersistedState()],
  state: {
    token: ''
  },
  mutations: {
    updateToken(state, newToken) {
      state.token = newToken
    }
  }
})

如果使用之后代码保存,则下载一个依赖包

npm i  is-docker

这样就可以实现让VueX实现持久化存储token