前提:大家都知道vuex真的數據共享是不持久的,例如登錄后一刷新,state中存的token就會消失,導致你需要再次進行登錄操作
在這給大家列出幾種解決方案:
第一種(也是一些項目中常使用的):使用緩存,利用緩存cookies,在每次登錄的時候將token存入state的同時將token進行緩存
例:
第二種(我新了解的):也就是利用一個插件,vuex-persistedstate,一個實現持久化的工具
原理:vuex-persistedstate做了這樣的事情,它幫我們將store里面的state映射到了本地環境中。這樣一來,我通過提交mutation改變的state,會動態的去更新local里面對應的值。
大家可以自己去試試(自行百度文檔進行配置就行)
第三種:就是最直接的直接自己將數據存入到localStorage (不推薦):會有很多問題,做不到真正的響應式,而且比較麻煩