vue使用SSE代理服务

在Vue中使用SSE代理服务可以通过EventSource对象来实现。首先需要在Vue组件中创建一个EventSource对象，然后监听其message事件，从而获取到SSE服务端推送的数据。具体实现步骤如下：

1. 在Vue组件中创建EventSource对象：

created() {
  this.eventSource = new EventSource('/sse');
  this.eventSource.onmessage = this.handleMessage;
},

2. 监听message事件并处理数据：

methods: {
  handleMessage(event) {
    const data = JSON.parse(event.data);
    // 处理数据
  },
},

3. 在服务端实现SSE服务：

const http = require('http');

http.createServer((req, res) => {
  res.writeHead(200, {
    'Content-Type': 'text/event-stream',
    'Cache-Control': 'no-cache',
    'Connection': 'keep-alive',
  });

  setInterval(() => {
    const data = { message: 'Hello World' };
    res.write(`data: ${JSON.stringify(data)}\n\n`);
  }, 1000);
}).listen(3000);

以上代码实现了一个简单的SSE服务，每隔1秒向客户端推送一条消息。