SSE在vue2项目的使用

在Vue2项目中使用SSE（Server-Sent Events），你需要在Vue组件的相关方法中进行配置。下面是一个简单的示例代码：

1. 首先，在Vue组件的created钩子函数中调用sse()方法来初始化SSE连接。

2. 在methods对象中定义sse()方法，用于设置SSE连接和处理接收到的消息。

3. 在sse()方法内部，首先检查浏览器是否支持SSE。

4. 如果支持SSE，则创建一个新的EventSource对象并指定SSE服务器的路径。

5. 使用onmessage事件监听服务器传输的消息，可以在回调函数中对接收到的数据进行处理。

6. 使用onopen事件监听连接建立成功的情况。

7. 使用onerror事件监听连接发生错误的情况。

下面是示例代码：

// 在Vue组件中
export default {
  created() {
    this.sse();
  },
  methods: {
    sse() {
      // 检查浏览器是否支持SSE
      if ("EventSource" in window) {
        // 创建EventSource对象并指定SSE服务器的路径
        var source = new EventSource("路径ip");

        // 监听消息的传输
        source.onmessage = function(e) {
          // 对接收到的数据进行处理
          if (e.data == '领导人大屏数据变动') {
            window.sessionStorage.setItem("dataes", JSON.stringify(e.data));
          }
          origin = e.origin;
        };

        // 连接建立成功时触发
        source.onopen = function(e) {
          console.log("连接打开.");
        };

        // 连接发生错误时触发
        source.onerror = function(e) {
          if (e.readyState == EventSource.CLOSED) {
            console.log("连接关闭");
          } else {
            console.log("onerror:" + e.readyState);
          }
        };
      } else {
        console.log("浏览器不支持SSE");
      }
    },
  },
};

请根据你的实际情况修改路径ip和对接收到的数据进行的处理逻辑。以上代码可以帮助你在Vue2项目中使用SSE实现打字机效果。