如何在Flask框架中实现Server-Sent事件？

Question

我正在尝试让一个进度条在Flask中工作。为此，我使用了Server Sent Events。当我在本地开发服务器上运行它时，一切都运行得很好，我可以在浏览器中看到在/progress窗口和进度栏中实时添加的数字没有问题。

但是如果我在Linux服务器(Linode)上运行它，浏览器窗口会挂起10秒，之后进度条会跳到100秒。我是初学者，不明白为什么它在本地机器上工作，为什么不在远程服务器上工作。请谁来解释一下。而且-这将是一个实际的解决方案。

烧瓶- app.py

@app.route('/progress')
def progress():
    def progress_func():
        x = 0
        while x < 100:
            time.sleep(1)
            x = x + 10
            yield 'data:' + str(x) + "\n\n"
    return Response(progress_func(), mimetype='text/event-stream')

js

var source = new EventSource("/progress");
source.onmessage = function(event) {
    $('.progress-bar').css('width', event.data+'%').attr('aria-valuenow', event.data);
    };

index.html

<div>
    <div class="progress" style="width: 100%; height: 6px;">
    <div class="progress-bar bg-success" role="progressbar" style="width: 6px" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>

Answer 1

根据我的经验，这个问题可能是由flask和前端之间的反向代理造成的。

如果使用nginx，则需要将proxy_buffering设置为off才能使用SSE

编辑：

在查看http://nginx.org/en/docs/http/ngx_http_proxy_module.html#proxy_buffering时，我注意到可以通过在flask响应中将X-Accel-Buffering标头设置为no来实现相同的结果。此解决方案更好，因为它仅限于此特定响应。