当前位置:   article > 正文

vue3 项目使用 eventstream 实时获取后端数据_onmounted读取后端数据

onmounted读取后端数据
  1. // 创建 EventSource 实例,订阅事件流
  2. const eventSource = new EventSource('http://192.168.126.42/gap/nodes');
  3. onUnmounted(() => {
  4. eventSource.close();
  5. });
  6. // 页面加载时
  7. onMounted(() => {
  8. getTableData();
  9. // 创建 EventSource 实例,订阅事件流
  10. eventSource.onmessage = (event) => {
  11. // 处理收到的数据
  12. console.log(JSON.parse(event.data));
  13. };
  14. eventSource.onerror = (event) => {
  15. // 处理错误
  16. };
  17. });

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

闽ICP备14008679号