FastApi+Vue实现WebSockets服务端推送

文章目录

• 一、前言
• 二、实现方法
• • 1.Vue部分
  • • <1>创建文件 /src/utils/websocket.js【用于建立websocket长连接】
    • <2>main.js 导入 websocket 方法
    • <3>app.vue的 \ 标签中加入如下代码
  • 2.FastApi部分
  • • <1>创建 /utils/WebSocketManager.py
    • <2>创建 /server.py
• 三、测试
• • 1. 前端主动通信
  • 2. 后端主动推送【单独用户】