vuex 加密保存在localstorage中,自定义名称

最新推荐文章于 2023-09-06 16:08:35 发布

yangliweigauguagua

最新推荐文章于 2023-09-06 16:08:35 发布

阅读量1.6k

点赞数 1

分类专栏： web 文章标签： vue.js vuex localStorage

本文链接：https://blog.csdn.net/qq_32674347/article/details/105807542

版权

web 专栏收录该内容

82 篇文章 1 订阅

订阅专栏

需求:vuex中的信息存在localStorage中,但是安全性不够

1,安装secure-ls

npm i secure-ls

2,使用

在store.js中写入一下代码

import SecureLS from "secure-ls";
var ls = new SecureLS({
  encodingType: "aes",
  isCompression: false,
  encryptionSecret: "你的key"
});
import config from "@/config";
Vue.use(Vuex);

export default new Vuex.Store({
  plugins: [
    createPersistedState({
      key: "存在localstorage里面的名称",
      storage: {
        getItem: key => ls.get(key),
        setItem: (key, value) => ls.set(key, value),
        removeItem: key => ls.remove(key)
      }
    })
  ],
  state:{},
  mutations:{},
  actions:{}