function streamOutput(msg) {
  // 發(fā)送 POST 請(qǐng)求
  fetch('url', {
    method:"POST",
    body:JSON.stringify({ "content": msg}),
    timeout: 0,
    dataType:"text/event-stream",
    headers:{
      "Content-Type":"application/json"
    },
  }).then(response => {
    // 檢查響應(yīng)是否成功
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    // 返回一個(gè)可讀流
    return response.body;
  }).then(body => {
    disableLoading();
    const reader = body.getReader();
    // 讀取數(shù)據(jù)流
    function read() {
      return reader.read().then(({ done, value }) => {
        // 檢查是否讀取完畢
        if (done) {
          console.log('已傳輸完畢');
          return;
        }
        // 處理每個(gè)數(shù)據(jù)塊
        console.log('收到的數(shù)據(jù):', value);
        // 繼續(xù)讀取下一個(gè)數(shù)據(jù)塊
        read();
      });
    }
    // 開(kāi)始讀取數(shù)據(jù)流
    read();
  }).catch(error => {console.error('Fetch error:', error);});
}

npm install event-source-polyfill

yarn add event-source-polyfill

import EventSource from 'event-source-polyfill';

<script type="text/javascript" src="/path/eventsource.js"></script>

function streamOutput() {
	  // 創(chuàng)建 EventSourcePolyfill連接，如果不需要發(fā)送請(qǐng)求頭可以使用EventSource即可
	const eventSource = new EventSourcePolyfill('url',{
		headers:{
      		"Content-Type":"application/json"
    	}
	});
	// 處理 SSE 消息
	eventSource.onmessage = function (event) {
	  console.log('接收SSE的消息:', event.data);
	  // 在這里處理接收到的流式數(shù)據(jù)
	};
	// 處理 SSE 連接打開(kāi)事件
	eventSource.onopen = function (event) {
	  console.log('SSE連接完成:', event);
	};
	// 處理 SSE 連接關(guān)閉事件
	eventSource.onclose = function (event) {
	  console.log('SSE連接關(guān)閉:', event);
	};
	// 處理 SSE 錯(cuò)誤事件
	eventSource.onerror = function (error) {
	  console.error('SSE EventSource error:', error);
	};
}

function streamOutput(msg) {
	 const socket = new WebSocket('url');
	// 連接打開(kāi)時(shí)觸發(fā)
	socket.addEventListener('open', event => {
	  console.log('WebSocket連接完成:', event);
	  // 處理接收到的消息
	  socket.addEventListener('message', event => {
	    console.log('接收消息:', event.data);
	    // 在這里處理接收到的流式數(shù)據(jù)
	  });
	});
	// 連接關(guān)閉時(shí)觸發(fā)
	socket.addEventListener('close', event => {
	  console.log('WebSocket連接關(guān)閉:', event);
	});
	// 處理錯(cuò)誤時(shí)觸發(fā)
	socket.addEventListener('error', error => {
	  console.error('WebSocket error:', error);
	});
}