解决同一浏览器多标签页,socket只在最新标签页做推送

   1、在vuex 中web_socket_msg处监听其中一方socket信息变动;(其他系统可在onmessage中监听)

      2、在vuex中通过 localStorage.setItem("socketMsg", msg.data) 存储socket消息;

      3、使用 js事件storage 来监听浏览器缓存动态 ,由于同源策略在浏览器多个标签页中有一个标签页往缓存中存储变化信息,同一个域的标签页都会触发storage 事件,用此触发去更改系统界面的变化:     

 window.addEventListener("storage", function () {

      console.log(99);

      // load();

    });

    4、以此来达到多标签页socket信息共享;解决同一系统开多标签页时只有一个标签页中socket激活可以接收消息问题。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值