Go 写 SSE 接口为什么浏览器收不到消息:EventSource、Flush 和超时怎么排查
来源:17golang原创
时间:2026-07-07 16:05:26 333浏览 收藏
Go 写 SSE 接口时,浏览器 EventSource 能连上但迟迟收不到消息,最常见的原因不是浏览器“不支持”,而是服务端把数据写进响应后没有及时刷出去,或者中间的 Nginx、网关、压缩层把流式响应缓冲住了。排查这类问题,先看响应头是不是 text/event-stream,再看每条消息是不是以空行结尾,最后确认 Go 代码里拿到了 http.Flusher 并在每次写入后调用 Flush()。
要点速览
- SSE 是浏览器原生的单向事件流,适合通知、进度、状态变更场景,不适合做双向实时聊天协议。
- Go handler 写入
data: ...\n\n后要调用Flush(),否则浏览器可能一直处于 pending 收不到内容的状态。 - 代理层要关闭响应缓冲,Nginx 常见检查点包括
X-Accel-Buffering和proxy_buffering。 - 生产环境还要处理客户端断开、心跳保活、超时和自动重连逻辑,不能只写一个无限循环就完事。
EventSource 能解决什么,不解决什么
SSE 的全名是 Server-Sent Events,浏览器通过 new EventSource("/events") 建立一条普通 HTTP 长连接,服务端持续往这条连接里推送文本格式的事件。它的优势是足够轻量:不用做 WebSocket 升级,不用自己处理复杂握手逻辑,浏览器原生还自带断线自动重连能力。
但它只支持服务端到浏览器的单向推送。像订单状态同步、后台任务进度展示、系统告警、日志尾部实时更新这类场景都非常适配。如果页面还需要频繁往服务端回传数据,用 WebSocket 或者普通 HTTP 接口会更顺手。
| 能力点 | SSE 的表现 | 排查时看哪里 |
|---|---|---|
| 连接方式 | 普通 HTTP 长连接 | Network 面板里对应请求是否处于 pending 状态 |
| 消息方向 | 仅服务端推送给浏览器 | EventStream 面板是否能抓到新的 data 内容 |
| 消息格式 | data: 内容\n\n |
是否漏了结尾空行或者正确的 Content-Type 头 |
| 实时性 | 强依赖 Flush 操作和各层代理的缓冲策略 | Go、Nginx、网关是否开启了小块内容缓冲 |
浏览器 pending,不代表服务端已经推送到了页面
很多人第一次调试 SSE,在 DevTools 里看到请求状态是 200,类型标记也显示为 eventsource,就默认服务端逻辑肯定没问题了。这时候先别急着关调试面板。SSE 请求本来就会长时间维持 pending 状态,真正需要确认的是 EventStream 标签页里有没有新的事件输出,以及请求的 Waterfall 视图里有没有持续收到新的响应片段。

如果 Go 服务端日志已经打印了“成功写入消息”的记录,但浏览器侧完全没收到对应事件,问题基本都落在三个地方:第一是消息格式不符合规范;第二是内容写进缓冲区之后没有手动刷出;第三是中间链路的代理组件把小块响应攒起来做批量发送了。不要只盯着前端 JavaScript 查问题,整条服务端响应链路都要同步排查。
最小 Go 示例:写完一条就刷一次
下面这个 handler 是用来排查 SSE 问题的最简版本,刻意精简了多余逻辑,方便把核心关键点拎出来看清楚。
package main
import (
"fmt"
"net/http"
"time"
)
func events(w http.ResponseWriter, r *http.Request) {
flusher, ok := w.(http.Flusher)
if !ok {
http.Error(w, "streaming unsupported", http.StatusInternalServerError)
return
}
h := w.Header()
h.Set("Content-Type", "text/event-stream")
h.Set("Cache-Control", "no-cache")
h.Set("Connection", "keep-alive")
h.Set("X-Accel-Buffering", "no")
ticker := time.NewTicker(2 * time.Second)
defer ticker.Stop()
for {
select {
case
这里有三个细节最容易被忽略。第一,Content-Type 要设置成 text/event-stream。第二,每条消息末尾必须带一个空行,也就是 \n\n。第三,每次写入内容之后都要调用 Flush(),让当前的响应片段立刻从 Go 进程送到 TCP 连接上。

兼容处理:代理缓冲和超时更容易藏问题
本地直连 Go 服务能正常收到消息,上线经过 Nginx 或网关之后推送就卡住不动了,这种情况非常常见。代理默认一般会为了整体吞吐量做缓冲,把零散的小块响应攒到一定大小再统一发送,浏览器端就会表现出长时间收不到内容的状态。
如果你用 Nginx 做反向代理,可以先对照这些配置思路调整:
location /events {
proxy_pass http://go_backend;
proxy_http_version 1.1;
proxy_set_header Connection "";
proxy_buffering off;
proxy_read_timeout 1h;
}
Go 侧加上 X-Accel-Buffering: no 也能起到辅助作用,但不要只靠响应头来解决缓冲问题。真实生产环境里还有负载均衡、CDN、API 网关、压缩中间件等多层组件,它们都可能修改流式响应的默认行为。排查的时候建议按“浏览器直连 Go 服务、经过 Nginx 转发、走完整网关链路”三步拆分验证,不要把所有层级混在一起盲目猜问题。
生产环境别忘了心跳和断开处理
SSE 不是随便写个死循环就能跑稳的。浏览器切换网络、用户关闭页面、代理触发空闲超时,都会悄无声息地断开连接。Go 代码里要监听 r.Context().Done() 事件,及时终止处理循环,避免无用的 goroutine 和 ticker 留在后台空转。
如果业务本身的事件推送频次很低,可以定期发一条注释型的心跳消息:
fmt.Fprint(w, ": ping\n\n") flusher.Flush()
这行内容不会触发浏览器的 message 回调,但能维持连接活跃,也能帮你快速验证整条推送链路是否还能正常传输小块内容。心跳间隔不要随便设置,最好结合代理空闲超时阈值、服务端连接承载量和页面实际业务需求共同确定。
相关问题
SSE 和 WebSocket 应该怎么选?
页面只需要接收服务端下发通知的场景,优先考虑 SSE;需要双向高频通信的场景,再考虑 WebSocket。SSE 的优势是接入成本低、浏览器自带自动重连、普通 HTTP 链路调试起来更简单。
EventSource 收到 200 但没有 message,是前端问题吗?
不一定。200 状态只能说明连接成功建立,不能代表消息已经传输到页面。要继续排查响应格式、Flush()、代理缓冲配置和 EventStream 面板的实际输出内容。
SSE 可以传 JSON 吗?
可以。把 JSON 字符串放在 data: 后面即可,前端在 onmessage 回调里用 JSON.parse(event.data) 解析。注意每条事件末尾仍然需要用空行做结束标记。
Go 里不调用 Flush 会怎样?
写入的数据可能暂时留在进程的输出缓冲区里,浏览器看起来就会一直等待。某些情况下缓冲区写满之后内容也会被自动送出,但这不是实时推送场景应该依赖的行为。
-
109 收藏
-
418 收藏
-
238 收藏
-
236 收藏
-
319 收藏
-
Golang · Go问答 | 3天前 | 并发 · channel · Mutex · 性能优化 · Go问答 · benchmark · Goroutine channel Mutex 并发性能 锁等待 benchmark Go问答268 收藏
-
Golang · Go问答 | 3天前 | 并发 · map · RWMutex · sync.Map · Go问答 · 数据竞争 RWMutex sync.Map map并发读写 Go问答 concurrent map read and map write291 收藏
-
Golang · Go问答 | 3天前 | 并发 · channel · range · Close · Go问答 · 并发退出 Channel关闭 Go问答 close channel range退出 发送方关闭427 收藏
-
Golang · Go问答 | 3天前 | goroutine · HTTP · Context · 超时控制 · Go问答 · WithTimeout Go问答 context取消 QueryContext HTTP请求取消 goroutine退出120 收藏
-
Golang · Go问答 | 3天前 | goroutine · pprof · Go问答 · 线上排查 · 性能调优 · pprof goroutine泄漏 服务告警 Go问答 context取消 Go线上排查374 收藏
-
Golang · Go问答 | 3天前 | goroutine · Context · 超时控制 · Go问答 · 协程泄漏 · Go Goroutine 超时控制 context.WithTimeout 取消信号 协程泄漏 ctx.Done147 收藏
-
Golang · Go问答 | 3天前 | 闭包 · go · Go问答 · 循环变量 · Go1.22 · 代码迁移 · 闭包 循环变量 go vet Go问答 Go 1.22 for range loopclosure356 收藏
-
127 收藏
-
449 收藏
-
Golang · Go问答 | 4天前 | sync.Pool · reset · 对象复用 · Go问答 · 线上排查 · Go sync.Pool Go问答 sync.Pool串数据 Reset清理 对象池复用342 收藏
-
Golang · Go问答 | 4天前 | 标准库 · 文件读取 · io.Reader · Go问答 · io.EOF · Go read io.Reader io.EOF Go问答 n err 读取循环486 收藏
-
181 收藏
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 立即学习 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 立即学习 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 立即学习 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 立即学习 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 立即学习 485次学习