vue项目同一浏览器只能登陆一个账号

1、设置全局变量 userid 如 创建 global.js

export default {
  userId: ''
}

2、登录成功后 将用户唯一标识 存储到缓存

localStorage.setItem('userId', userInfo.id)

3、在 main.js 里面 或者 app.vue的 初始化生命周期里监听浏览器tab切换 分情况更新 global 里面的 userId

window.addEventListener('visibilitychange', function () {
  if (document.hidden === false && config.userId !== localStorage.getItem('userId')) {
    window.location.reload()  
    config.userId = localStorage.getItem('userId')
  } else {
    config.userId = localStorage.getItem('userId')
  }
})