前端
<script lang="ts" setup>
import {
onMounted } from 'vue';
onMounted(() => {
let websocket = new WebSocket('ws://10.33.37.44:3000/websocket/5');
websocket.onopen = () => console.log('websocket连接成功')
websocket.onclose = () => console.log('websocket连接失败')
websocket.onmessage = (event) => {
console.log(JSON.parse(event.data))
window.dispatchEvent(new CustomEvent('onMsg',{
detail: {
data: event.data
}
}))
}
})
</script>
onMounted(() => {
window.addEventListener('onMsg', (res) => {
console.log(res.detail.data)
})
})
Vue配置全局websocket