文章目录 一、前言 二、实现方法 1.Vue部分 <1>创建文件 /src/utils/websocket.js【用于建立websocket长连接】 <2>main.js 导入 websocket 方法 <3>app.vue的 \<script\> 标签中加入如下代码 2.FastApi部分 <1>创建 /utils/WebSocketManager.py <2>创建 /server.py 三、测试 1. 前端主动通信 2. 后端主动推送【单独用户】 3. 后端主动推送【广播全体】 一、前言 费老鼻子劲了 二、实现方法 1.Vue部分 <1>创建文件 /src/utils/websocket.js【用于建立websocket长连接】 let Socket = '' let setIntervalWesocketPush = null let wsUrl = '' /** * 建立websocket连接 * @param {string} url ws地址
本文详细介绍了如何使用FastAPI和Vue.js实现WebSockets服务端推送。包括Vue部分的websocket.js文件创建、main.js导入及app.vue的配置，以及FastAPI部分的WebSocketManager.py和server.py的创建。测试部分涵盖前端主动通信、后端单独用户推送和广播全体用户推送的流程。
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
7077
1992
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
