Information: WebSocket connected to ws://localhost:13225/chatHub Utils.ts:173 Information: Using HubProtocol 'json'. Utils.ts:173 Information: Connection disconnected.

根据你提供的信息，我们可以看到 WebSocket 成功连接到了 `ws://localhost:13225/chatHub`，并且使用的是 JSON 格式的 HubProtocol。然后，我们看到了一条连接断开的信息。

这里可能有几个原因导致连接断开：

1. 服务器问题：确保你的服务器正常运行并且监听在正确的端口上。检查服务器代码并确认它正确地处理了连接请求和断开请求。

2. 客户端问题：检查客户端代码，确保它正确地连接到了服务器，并且使用了正确的协议和端口。也要确保客户端代码没有在连接成功后立即断开连接。

3. 网络问题：有时候连接断开可能是由于网络问题引起的。检查你的网络连接，确保它稳定，并且没有阻止 WebSocket 连接的防火墙或代理设置。

请仔细检查以上几个方面，看看是否有任何问题导致连接断开。如果需要更多帮助，请提供更多的代码和相关上下文信息以便更好地帮助你解决问题。

相关问题

websocket uniapp js封装

以下是一个基本的 WebSocket 封装示例，它使用了 uniapp 的 uni.connectSocket 和 uni.sendSocketMessage 方法。

// WebSocket.js

let socketTask = null
let isSocketOpen = false

function connectSocket(url) {
  return new Promise((resolve, reject) => {
    if (socketTask) {
      reject(new Error('WebSocket is already connected'))
      return
    }

    socketTask = uni.connectSocket({
      url,
      success() {
        console.log('WebSocket connected')
        resolve()
      },
      fail(err) {
        console.error('WebSocket connect failed:', err)
        socketTask = null
        reject(err)
      }
    })

    socketTask.onOpen(() => {
      console.log('WebSocket connection opened')
      isSocketOpen = true
    })

    socketTask.onClose(() => {
      console.log('WebSocket connection closed')
      socketTask = null
      isSocketOpen = false
    })

    socketTask.onError((err) => {
      console.error('WebSocket error:', err)
      socketTask = null
      isSocketOpen = false
    })
  })
}

function closeSocket() {
  if (!socketTask) {
    console.warn('WebSocket is not connected')
    return
  }

  socketTask.close({
    success() {
      console.log('WebSocket closed')
      socketTask = null
      isSocketOpen = false
    },
    fail(err) {
      console.error('WebSocket close failed:', err)
    }
  })
}

function sendSocketMessage(data) {
  return new Promise((resolve, reject) => {
    if (!isSocketOpen) {
      reject(new Error('WebSocket is not connected'))
      return
    }

    socketTask.send({
      data,
      success() {
        console.log('WebSocket message sent:', data)
        resolve()
      },
      fail(err) {
        console.error('WebSocket message send failed:', err)
        reject(err)
      }
    })
  })
}

export default {
  connectSocket,
  closeSocket,
  sendSocketMessage
}

使用时，可以按照以下方式调用：

import WebSocket from '@/utils/WebSocket'

// 连接 WebSocket
WebSocket.connectSocket('wss://example.com')

// 发送消息
WebSocket.sendSocketMessage('Hello, WebSocket!')

// 关闭 WebSocket
WebSocket.closeSocket()

需要注意的是，在使用 WebSocket 的过程中，需要确保以下几点：

1. 只有在 WebSocket 连接成功后，才能发送消息和关闭连接。
2. 发送消息和关闭连接前，需要检查 WebSocket 是否已连接。
3. 在 WebSocket 连接关闭后，需要将 socketTask 置为 null。
4. 在 WebSocket 出错时，需要进行错误处理。

用Vue写websocket封装

以下是使用Vue.js封装WebSocket的示例代码：

// WebSocket封装
export default {
  connect() {
    this.socket = new WebSocket('wss://example.com/ws') // 替换为你的WebSocket地址
    this.socket.onopen = () => {
      console.log('WebSocket connected')
    }
    this.socket.onclose = () => {
      console.log('WebSocket disconnected')
      this.reconnect()
    }
    this.socket.onerror = error => {
      console.error('WebSocket error:', error)
    }
    this.socket.onmessage = event => {
      console.log('WebSocket message received:', event.data)
    }
  },
  reconnect() {
    if (this.reconnectInterval) return
    this.reconnectInterval = setInterval(() => {
      console.log('WebSocket reconnecting...')
      this.connect()
    }, 3000) // 3秒后重连
  },
  send(message) {
    if (this.socket.readyState === WebSocket.OPEN) {
      console.log('WebSocket message sent:', message)
      this.socket.send(JSON.stringify(message))
    } else {
      console.error('WebSocket not connected:', message)
    }
  }
}

在Vue组件中使用WebSocket：

<template>
  <div>
    <button @click="sendMessage">Send Message</button>
  </div>
</template>

<script>
import WebSocket from '@/utils/websocket' // 引入WebSocket封装

export default {
  mounted() {
    WebSocket.connect() // 连接WebSocket
  },
  methods: {
    sendMessage() {
      WebSocket.send({ message: 'Hello, WebSocket!' }) // 发送消息
    }
  }
}
</script>

请注意，此示例仅用于演示目的。在实际使用中，您需要根据您的需求进行适当的修改和扩展。