记录开发时遇到的问题
main.js 中引入
import VueSocketIO from 'vue-socket.io'
import SocketIO from 'socket.io-client';
Vue.use(new VueSocketIO({
debug: true, // 生产环境记得关闭
connection: SocketIO.connect('***',{ // *** 与后台确定链接地址
transports: ['websocket']
})
}))
基本上出现这个 就是初始化链接成功了
组件中引用
sockets: {
disconnect(){
console.log('连接断开')
},
chaTmessage(data) {//'chaTmessage'事件返回值 后端返回接收名称
console.log('接收')
console.log(data);
},
hello(data) {//'hello'事件返回值 前端发起指定请求方法 相当与send() 用来控制发送请求的时间
console.log(data);
}
},
此方式可能不适用所有人,希望对有用的人有所帮助吧。