带有服务器发送事件的 Angular

Question

我如何使用 Angular 6 的服务器发送事件。我需要定期从后端获取数据。我以正常方式使用它，但它不起作用

this.source=EventSource(url);

this.source.onmessage=(event) =>alert(event.data);

Answer 1

您应该像这样使用新的 EventSource 实例化 this.source 对象:

this.source = new EventSource(url);

您还可以为来自后端的消息添加一个事件监听器，如下所示:

this.source.addEventListener('message', message => { alert(message.data); });

使用浏览器开发人员工具中的网络选项卡确保已建立与 SSE 的连接并且客户端正在接收消息。