sessionStorage 存儲數據啓發

後臺爲啥可以用sessionStorage存儲數據,及其原理,以vue爲案例講解
首先在登錄成功的時候向服務器發送獲取所有基本信息的請求,比如說
權限(導航路由)、省市縣、等信息,這些信息獲取到後咋處理?若將其
存到一個全局變量中則太影響性能,所以sessionStorage就誕生了,
但是sessionStorage只對一個頁面有效,即一個頁面對應一個sessionStorage
當關閉這個頁面的時候本頁面的sessionStorage自然也就消失了,這很容易理解
問題是在用vue的時候有路由跳轉,我之前一直以爲只要路由一跳轉,對應的sessionStorage
也就對應的消失了,其實不是,只要這個頁面還在,這個頁面的sessionStorage
如果不是手動清除,則一直保存着所以做後臺的一般都有一個layout頁面,即除了登錄
頁面不在這個layout頁面之內其他的頁面都在這個頁面中包裹着,所以就可以在這個頁面
下手,將所以有的sessionStorage存儲到這個地方,
關於路由中是否已經登錄的判斷,是在登錄後獲取到這個登錄狀態,然後在前端的全局變量中
(vue中則是在vuex的store中)定義一個變量來記錄這個狀態,在退出的時候清空這個狀態
在每次路由跳轉的時候判斷這個狀態是否存在,存在則繼續跳轉不存在則跳轉到登錄頁

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章