目录

SSE接口切换页签页面,接口重复调用问题

SSE接口切换页签/页面,接口重复调用问题

问题: sse接口重复执行

对接 Deepseek 时,使用@microsoft/fetch-event-source 联调SSE接口

后端同事提出个奇怪的问题, 接口老是重复执行 ,我又没有复现,经过来回测试,

终于复现了, 切换浏览器页签 时,就会多一个sse接口调用,如下图:

https://i-blog.csdnimg.cn/direct/f5185aa7d16b420e9540e5bb0d0553af.png

分析:

  1. 调用栈Initator里不是我们的代码引起的,而是@microsoft/fetch-event-source库,由此可见是该库的 某配置 或者sse事件的 特性
  2. 查阅@microsoft/fetch-event-source库的配置项参数,发现有 openWhenHidden

https://i-blog.csdnimg.cn/direct/b6e916efcb324c85bb18f933143c143b.png

  1. 尝试配置为true,代码生效,再次切换浏览器页签,也不重复调用

溯源找原因

  1. 查阅 资料,并未发现有openWhenHidden配置

https://i-blog.csdnimg.cn/direct/afd9beed82f2480cb0f0be75512e1c52.png

  1. 查阅 库源码,发现是绑定了 visibilitychange 事件触发的

https://i-blog.csdnimg.cn/direct/6f981ee45f5f4cf1a943f251a43feee1.png

→🐒