当前位置:   article > 正文

Fetch流式获取数据_fetch接收文本流式数据为什么获取的文本是好几条合在一起的

fetch接收文本流式数据为什么获取的文本是好几条合在一起的
  1. TextDecoder()是JavaScript的一个内置对象,它用于将字节数组(如ArrayBufferTypedArray)解码为字符串。它可以处理各种字符编码,例如UTF-8UTF-16等。
  2. const byteArray = new Uint8Array([72, 101, 108, 108, 111]); // 字节数组
  3. const decodedString = decoder.decode(byteArray);
  4. console.log(decodedString); // "Hello"
  5. async send() {
  6. this.$refs["code"].innerText = "";
  7. // 创建解码对象
  8. let td = new TextDecoder();
  9. let ai = await fetch(
  10. "https://api.binjie.fun/api/generateStream?refer__1360=n4+xgDBD9DyDuDmxWweiqGNDQH4dLmieuz4PD",
  11. {
  12. method: "POST",
  13. headers: {
  14. "Content-Type": "application/json",
  15. },
  16. body: JSON.stringify({
  17. network: true,
  18. prompt: this.textarea,
  19. stream: false,
  20. system: "",
  21. userId: "#/chat/1706583670768",
  22. withoutContext: false,
  23. }),
  24. }
  25. );
  26. // 获取读取可读流
  27. let reader = ai.body.getReader();
  28. while (1) {
  29. let res = await reader.read();
  30. let str = td.decode(res.value);
  31. if (res.done) {
  32. break;
  33. }
  34. this.$refs["code"].innerText += str;
  35. }
  36. },

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/335425
推荐阅读
相关标签
  

闽ICP备14008679号