当前位置: 首页 > news >正文

vue单项数据传输流式回复功能,post传值可关闭请求(@microsoft/fetch-event-source)

需求:实现一个类似于文心一言ai回复功能,一个字一个字往外蹦,不使用websocket还有什么其他方案呢?经过查询有一个 @microsoft/fetch-event-source单向传输协议(服务端传输客户端)。废话不多说,上代码

// 下载依赖
npm i @microsoft/fetch-event-source// 页面引入
import { fetchEventSource } from "@microsoft/fetch-event-source";// 使用
let that = this;
that.ctrlAbout = new AbortController();
let eventSourcepost = fetchEventSource('your-api', {method: 'POST',headers: {"Accept": 'text/event-stream'},signal: that.ctrlAbout.signal,body: JSON.stringify({// your body参数}),onmessage(event) {// 成功之后操作// 。。。。。// 成功之后满足某些条件可以使用AbortController关闭连接this.ctrlAbout.abort()},onerror() {
// 服务异常},onclose() {// 服务关闭},
})

注:代码仅供参考,如有问题请不吝赐教。如有其他方案,望告知,我学习。。。。。。。。
注:目前此插件不支持小程序,小程序可用websocket的。

http://www.lryc.cn/news/126504.html

相关文章:

  • “深入探究JVM内部机制:理解Java虚拟机的工作原理“
  • ubuntu18.04下配置muduoC++11环境
  • leetcode 力扣刷题 数组交集(数组、set、map都可实现哈希表)
  • JVM元空间溢出的排除思路
  • vue+java实现在线播放mp4视频
  • 手机两个卡槽的正确使用方法,您用对了吗?
  • PyTorch翻译官网教程-NLP FROM SCRATCH: CLASSIFYING NAMES WITH A CHARACTER-LEVEL RNN
  • 基于注意力神经网络的深度强化学习探索方法:ARiADNE
  • Martin_DHCP_V3.0 (DHCP自动化泛洪攻击GUI)
  • vscode vue3+vite 配置eslint
  • 【C++学习手札】一文带你初识运算符重载
  • javaScript:数组检测
  • 【JavaEE基础学习打卡02】是时候了解Java EE了!
  • LeetCode 2813. Maximum Elegance of a K-Length Subsequence【反悔贪心】2582
  • 日常BUG——SpringBoot模糊映射
  • Docker 镜像
  • Python发送QQ邮件
  • 梯度下降求极值,机器学习深度学习
  • 【业务功能篇62】Spring boot maven多模块打包时子模块报错问题
  • 【BASH】回顾与知识点梳理(二十一)
  • 从针尖对麦芒,到丝滑入扣,记录那些BT需求
  • 封装vue2局部组件都要注意什么
  • 【深入浅出程序设计竞赛(基础篇)第三章 算法从0开始】
  • 安全之安全(security²)博客目录导读
  • ubuntu安装opencv4
  • Qt 当磁盘可用空间小于指定大小时删除早期的文件
  • 浙大数据结构第七周之07-图6 旅游规划
  • RocketMQ双主双从同步集群部署
  • 分类预测 | MATLAB实现EVO-CNN多输入分类预测
  • DAY04_SpringMVC—SpringMVC简介PostMan和ApiFox工具使用SpringMVC请求与响应REST风格