vue websocket断了怎么重新连接_webSocket-StompJs

最新推荐文章于 2024-07-24 11:15:41 发布

独立鱼电影

最新推荐文章于 2024-07-24 11:15:41 发布

阅读量1.9k

点赞数

文章标签： vue websocket断了怎么重新连接

本文链接：https://blog.csdn.net/weixin_33023873/article/details/113629863

版权

本文介绍了在Vue项目中使用STOMP处理WebSocket断线重连的实践，通过settings.js和websocket.js配置及操作实现稳定连接。

摘要由CSDN通过智能技术生成

以下是一个依赖于STOMP封装的socket的案例：

seetings.js

/**
 * Websocket 默认参数配置
 */
export const WS_CONFIG = {
    
  isOpen: true, // 是否开启websocket功能
  url: 'ws://192.168.10.190:15674/ws',
  login: 'admin',
  passcode: 's2njMf4F'
}

websocket.js

// Stomp组件
import Vue from 'vue'
import Stomp from 'stompjs'
import {
     WS_CONFIG } from '@/config/settings'

class DispatchWebsocket {
    
  constructor ({
     url, login, passcode }) {
    
    this.url = url
    this.ws = null
    this.client = null
    this.headers = {
    
      login: login,
      passcode: passcode
    }
    this.onConnect = {}
    this.onError = () => {}
    this.isConnect = false
  }

  createWSConnection () {
    
    if (!Vue.prototype.$ws &&