1.改用 cookie 方式存储数据
2.利用 window.addEventListener(‘stroage’) 监听stroage变化事件进行回调共享数据
1.全局监听stroage事件
通过监听localStroage的数据变化进去读取出token值后进行localStroage删除
window.addEventListener('stroage', (e) => {if (e.storageArea === localStroage && e.key === 'token') //监听到传入tokensessionStroage.setItem('token', e.newValue)localStroage.removeItem('token')localStroage.removeItem('getToken')else if (e.storageAreaArg === localStroage && e.key === 'getToken' && e.newValue === '1' ) //监听到对方页面需要获取tokenlocalStrogae.setItem('token', userToken)
})
2.在新的窗口启动前进行用户登陆状态判断
if (localStroage.getItem('isLogin') === 1) localStrogae.setItem('getToken', '1')