首页 > 其他分享 >vue链接 sse 接口 实现实施通讯

vue链接 sse 接口 实现实施通讯

时间:2023-06-16 22:03:41浏览次数:30  
标签:vue return processText decoder value reader sse console 链接

sendSSEMessage(){
      fetch(
          'http://152.xxx.xx.76:xxxxx/api/v1/chat/message/send?prompt=什么是Python&chat_session_id=1',
          {
            headers: {
              token:"abbb78cbbdde1727ac43bd7770497eee6d598310"
            }
          }
      ).then(response => {
        const reader = response.body.getReader();
        const decoder = new TextDecoder();
        function processText({ done, value }) {
          if (done) {
            console.log('Stream finished');
            return;
          }
          console.log(decoder.decode(value));
          // data.testData += decoder.decode(value).substring(6)
          return reader.read().then(processText);
        }
        return reader.read().then(processText);
      }).catch(console.error);
    },

  直接贴代码,被后端教育了,我草了。心态爆照

标签:vue,return,processText,decoder,value,reader,sse,console,链接
From: https://www.cnblogs.com/fanjlqinl/p/17486567.html

相关文章

  • java基于springboot+vue的网吧管理系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计
    1、项目介绍随着信息技术和网络技术的飞速发展,人类已进入全新信息化时代,传统管理技术已无法高效,便捷地管理信息。为了迎合时代需求,优化管理效率,各种各样的管理系统应运而生,各行各业相继进入信息管理时代,网吧管理系统就是信息时代变革中的产物之一。任何系统都要遵循系统设计的基......
  • Vue进阶(幺贰陆):表格复用 TypeError: _self.$scopedSlots.default is not a function解
    (文章目录)一、前言在使用elementUI的el-table组件时,表头应用v-if判断来动态显示,正常来说这样的操作是没有问题的,但是如果在这基础上使用<templateslot-scope="scope">操作的话,表头一旦切换就会报错,错误信息如下:_self.$scopedSlots.defaultisnotafunction二、解决方......
  • vue3:vue+nginx+php进行服务端部署的配置(nginx/1.18.0 / [email protected])
    一,开发环境中的配置:1,前端:vue的vue.config.jsconst{defineConfig}=require('@vue/cli-service')module.exports=defineConfig({transpileDependencies:true,publicPath:process.env.NODE_ENV==="production"?"./":"/&qu......
  • vue-文字转语音
    vueSpeechSynthesisUtterance监听事件onstart开始合成onend合成结束onerror合成错误onpause暂停onresume恢复暂停onboundary在句子或单词边界<template><divclass="language"><!--<divclass="right-lanage">--><imgsrc=&q......
  • vue实现点击按钮一键复制功能
    点击复制按钮后,将内容一键复制下来,不用去选中复制第一种直接使用js方式:<divclass="mask-cont"><p><inputid="input"/></p><buttonclass="btns"@click="copyToClip">复制</button></div>copyToClip()......
  • 【vue】vue全家桶是什么?
    Vue全家桶一般来说包括项目构建工具vue-cli、路由管理器vue-Router、状态管理模式vuex、网络请求库Axios、ui框架、打包工具webpack,下面我们分别介绍。1.项目构建工具:vue-cliVue.js+webpack的项目模板。Vuecli提供了强大的功能,用于定制新项目、配置原型、添加插件和检查webpac......
  • vue技术点归纳
    1.vue是什么?vue是一套构建用户界面的渐进式框架,核心库只关注视图层。vue和react相同点:1.都使用virtualDOM;2.提供了响应式(reactive);3.组件化(composable)的视图组件;4.都支持native方案;5.都支持SSR服务端渲染;6.都支持props进行父子组件通信;不同之处就是:1.数据......
  • maven-assembly-plugin和maven-compiler-plugin显示 not found,找不到
    <plugin><artifactId>maven-compiler-plugin</artifactId><version>3.7.0</version><configuration><source>1.8</source><target>1.8</target></configuration>&......
  • 关于vue2路由跳转问题记录
    1.vue路由间跳转和新开窗口的方式(query,params)路由间跳转配置:query方式:参数会在url中显示this.$router.push({path:'路由地址',query:{msg:'helloworld'}})params方式:传参数据不会在导航栏中显示,需要配合路由的name属性使用。this.$......
  • Vue3 设置全局变量
    方式一:main.js设置全局变量importapifrom'@/api'app.config.globalProperties.$api=api使用全局变量,使用getCurrentInstance方法。//ctx.$api就是全局设置的变量const{proxy:{$api},}=getCurrentInstance();//ctx.$api就是全局设置的变量con......