解决 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')

你可能感兴趣的:(javascript,前端,node.js,html5,react.js)