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