首先配置CORS头并关闭PHP输出缓冲,然后通过flush()实时推送数据,前端使用fetch读取流式响应,实现跨域实时输出。

在使用PHP开发Web应用时,有时需要实现跨域请求下的实时输出,比如服务端推送日志、进度或流式数据。这不仅涉及PHP的输出控制机制,还需要正确配置HTTP响应头以支持跨域(CORS),同时确保浏览器能及时接收到分块数据。
启用跨域头信息
为了让前端能够跨域访问PHP接口,必须在响应中添加适当的CORS头。这些头允许指定域名、方法和是否携带凭证。
示例代码:
header("Access-Control-Allow-Origin: *"); // 允许所有域名,生产环境建议指定具体域名
header("Access-Control-Allow-Methods: GET, POST, OPTIONS");
header("Access-Control-Allow-Headers: Content-Type");
if ($_SERVER['REQUEST_METHOD'] === 'OPTIONS') {
exit; // 预检请求直接结束
}
开启PHP实时输出缓冲控制
默认情况下,PHP会缓存输出内容直到脚本执行完毕,这对实时推送是不利的。需手动关闭或刷新输出缓冲区,使数据立即发送到客户端。
关键函数包括:flush() 和 ob_flush(),但要确保PHP及服务器未启用额外压缩或缓冲。
立即学习“PHP免费学习笔记(深入)”;
常用设置:
ob_end_clean(); // 清除并关闭输出缓冲
if (ob_get_level()) {
ob_end_flush();
}
ini_set('output_buffering', 'off');
ini_set('zlib.output_compression', false);
ini_set('implicit_flush', true); // 自动刷新
for ($i = 0; $i < ob_get_level(); $i++) {
ob_end_flush();
}
flush();
使用分块传输编码输出内容
通过持续输出内容并调用刷新函数,可实现服务端向浏览器逐步推送数据。适用于长时间运行的任务,如日志流、AI生成文本等。
示例:逐行输出并刷新
echo "开始处理...\n";
flush();
for ($i = 1; $i <= 5; $i++) {
echo "第{$i}步完成\n";
flush();
sleep(1); // 模拟耗时操作
}
echo "任务结束。\n";
flush();
前端配合接收流式数据
前端需使用 fetch 或 XMLHttpRequest 接收分段响应。现代浏览器支持通过 ReadableStream 处理流式内容。
JavaScript 示例(fetch + stream):
fetch('http://yourdomain.com/stream.php', { method: 'GET' })
.then(response => {
const reader = response.body.getReader();
return new ReadableStream({
start(controller) {
function push() {
reader.read().then(({ done, value }) => {
if (done) {
controller.close();
return;
}
controller.enqueue(value);
push();
});
}
push();
}
});
}
})
.then(stream => {
return new Response(stream, { headers: { "Content-Type": "text/plain" } });
})
.then(response => response.text())
.then(result => {
console.log(result); // 实际应用中应逐段处理
});
基本上就这些。只要后端正确设置CORS头、关闭缓冲并持续输出,前端通过流式读取,就能实现跨域实时输出。注意Nginx/Apache可能也有缓冲机制,需额外配置 proxy_buffering off 或调整相关参数。不复杂但容易忽略细节。











