解决 sessionStroage 无法在多个标签页共享数据的问题
码农天地 -1.改用 cookie 方式存储数据2.利用 window.addEventListener('stroage') 监听stroage变化事件进行回调共享数据
1.全局监听stroage事件
通过监听localStroage的数据变化进去读取出token值后进行localStroage删除
window.addEventListener('stroage', (e) => {
if (e.storageArea === localStroage && e.key === 'token') //监听到传入token
sessionStroage.setItem('token', e.newValue)
localStroage.removeItem('token')
localStroage.removeItem('getToken')
else if (e.storageAreaArg === localStroage && e.key === 'getToken' && e.newValue === '1' ) //监听到对方页面需要获取token
localStrogae.setItem('token', userToken)
})
2.在新的窗口启动前进行用户登陆状态判断
if (localStroage.getItem('isLogin') === 1)
localStrogae.setItem('getToken', '1')
特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。