1.改用 cookie 方式存儲(chǔ)數(shù)據(jù)

2.利用 window.addEventListener(‘stroage’) 監(jiān)聽stroage變化事件進(jìn)行回調(diào)共享數(shù)據(jù)

1.全局監(jiān)聽stroage事件
通過監(jiān)聽localStroage的數(shù)據(jù)變化進(jìn)去讀取出token值后進(jìn)行l(wèi)ocalStroage刪除

window.addEventListener('stroage', (e) => {if (e.storageArea === localStroage && e.key === 'token') //監(jiān)聽到傳入tokensessionStroage.setItem('token', e.newValue)localStroage.removeItem('token')localStroage.removeItem('getToken')else if (e.storageAreaArg === localStroage && e.key === 'getToken' && e.newValue === '1' ) //監(jiān)聽到對(duì)方頁面需要獲取tokenlocalStrogae.setItem('token', userToken) })

2.在新的窗口啟動(dòng)前進(jìn)行用戶登陸狀態(tài)判斷

if (localStroage.getItem('isLogin') === 1) localStrogae.setItem('getToken', '1')

總結(jié)

以上是生活随笔為你收集整理的解决 sessionStroage 无法在多个标签页共享数据的问题的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。