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

Question

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

我们的堆栈是vuejs、nodejs/express和flask for python

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

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

注意，随用户文件发送的请求只有一个响应

那么，我该如何实现这一步呢

谢谢,

Answer 1

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

Answer 2

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