当前位置 : 主页 > 网络编程 > 其它编程 >

前端连接websocket失败_vuewebsocket连接实战及遇到的问题

来源:互联网 收集:自由互联 发布时间:2023-07-02
常规的连接方法websocket(){letws=newWebSocket(ws://localhost:8080)ws.o 常规的连接方法 websocket () { let ws = new WebSocket('ws://localhost:8080') ws.Onopen= () => { // Web Socket 已连接上,使用 send() 方法发送数据
常规的连接方法websocket(){letws=newWebSocket(ws://localhost:8080)ws.o

常规的连接方法

websocket () {

let ws = new WebSocket('ws://localhost:8080')

ws.Onopen= () => {

// Web Socket 已连接上,使用 send() 方法发送数据

ws.send('Holle')

console.log('数据发送中...')

}

ws.Onmessage= evt => {

// console.log('数据已接收...')

}

ws.Onclose= function () {

// 关闭 websocket

console.log('连接已关闭...')

}

// 路由跳转时结束websocket链接

this.$router.afterEach(function () {

ws.close()

})

}

根据上面的方法名字可以知道,上面的函数都是,相对应的回调函数,比如,omopen指的就是连接成功后的回调

具体项目中的完整方法代码

server.js 是请求接口的封装,先实例化了一个websocket的请求,我把websocket的请求封装成了一个公共方法,放在request.js里

import request from './request'

import { wsUrl } from '../../../config'

con

【文章原创作者:高防cdn http://www.558idc.com/gfcdn.html提供,感恩】
上一篇:python学习——使用SQLite
下一篇:没有了
网友评论