如何将实时状态更新从 express/flask 后端发送到 vuejs 前端答案

【问题标题】：How to send live status update from express/flask backends to vuejs frontend如何将实时状态更新从 express/flask 后端发送到 vuejs 前端
【发布时间】：2021-01-25 00:01:29
【问题描述】：

我正在实施一个检查文件抄袭的系统。

我们的堆栈是 vuejs、nodejs/express 和 python 的烧瓶。

我的问题是我有一个页面，用户将上传他的文档进行检查，并且 vue ui 将使用用户文件向后端 apis 发送请求以检查相似性，而此过程正在运行加载覆盖显示在同一页面中。

我想使用后端的实时步骤更新此页面，例如“提取”、“搜索”、“比较”、“生成报告”。

注意与用户文件一起发送的请求只有一个响应。

所以有什么想法可以实现这一步吗？？

谢谢，，

【问题讨论】：

Websockets、轮询或服务器发送事件：html5rocks.com/en/tutorials/eventsource/basics、stackoverflow.com/questions/135478/…、stackoverflow.com/questions/24608335/…

标签： javascript python node.js express vue.js

【解决方案1】：

Websockets、polling 或 server-sent events (SSE) 都适用于此。有一些库用于客户端和服务器的 SSE，包括 Flask 和 Node，也可以在没有额外库的情况下完成（例如，在 Flask 和 Express 中）。

【讨论】：

【解决方案2】：

您可以返回一个 request_id，然后您可以使用该 id 检查请求的状态/阶段。

【讨论】：

请求id的保存方式和保存位置，http请求只有一个响应，那么如何返回一个状态，然后检查状态。
如何以及在哪里保存它取决于您如何实现前端。基本方法是，当您提交文档时，后端使用 request_id 进行响应。后端应该公开另一个服务，让您可以使用 request_id 检查文档的状态/进程。这就是它的想法，也是一种简单的方法，但无法告诉你如何实现它，因为这取决于你的程序是如何编写的。还请查看 Zac 在您的问题下提供的链接。
是的，我按照 zac 的说法对服务器发送的事件进行了研究，发现它是满足我需要的最佳解决方案。