1. 程式人生 > >使用localStorage解決瀏覽器重新整理後無法再從vuex中獲取資料的問題

使用localStorage解決瀏覽器重新整理後無法再從vuex中獲取資料的問題

假設有這樣一個場景:使用者登入後,用vuex管理使用者的資訊,登入成功後進入主介面,在進入主介面後重新整理瀏覽器,此時vuex中的使用者資訊將無法獲取到。那麼應該如何解決?

辦法之一是使用localStorage儲存使用者資訊。在登入成功後儲存使用者資訊,重新整理瀏覽器後從localStorage中獲取使用者資訊,然後再通過vuex管理(mapMutations、mapGetters)。重新整理瀏覽器後vuex中的資料消失,需要再次從localStorage中獲取。