我在react和node服务器之间想使用socket.io进行通信中出现的问题

我在react的代码:

import IO from 'socket.io-client'
//连接服务器
const socket = IO('ws://localhost:5600');
console.log('socket',socket)
socket.emit('sendMsg','abc');
socket.on('receiveMsg',function (data) {
});

然后我在node服务器中的代码:

module.exports =function (server) {
    let IO = require('socket.io')(server);
    //服务器监视客户端与服务器的连接
    // console.log('客户端连接上了服务器:',server)
    IO.on('connection',function (socket) {
        console.log('客户端连接上了服务器')
        //就收客户端发送的消息
        socket.on('sendMsg',function (data) {
            console.log('服务器接收到客户端的信息:',data);
        });
    })

};

就是我打印了之后,发现它连socket监听的connection的回调函数都没有进入,这是怎么回事啊。

然后我在浏览器中看到我的请求是这样的
图片说明
图片说明

好像发送的socket请求被我服务器的中间件捕获了
图片说明
但是为什么会这样啊,麻烦给为大佬帮助我一下,谢谢

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问

相似问题

0
使用原生JS写的组件,依赖zrender.js和D3.js,怎么将这个组件用在react项目中
5
react native中将view固定在屏幕底部不被keyboard顶起
0
react+webpack中使用wowjs和animate.css后报错window is not defined
2
react中自定义组件importl路径正确,代码也不报错但启动和打包都提示我的那个组件找不到不能被解析
2
在react的map方法中如何添加三元条件判断,实现条件渲染??
1
react中组件加载后变更ajax值,怎么让它重新加载,我设置setState没反应???
2
cnpm安装antd失败: unknown error, symlink
0
react使用ant design中的可编辑表格时出现错误!
2
在react前端中如何使用websocket,有没有相关的例子?
1
怀疑react和相关组件版本不兼容
0
react 调用函数组件内部方法
1
react-native run-android报错ould not resolve all artifacts for configuration ':classpath'.
0
webpack打包react项目成功但是打开index.html后一片空白。
1
使用React,怎么在请求头Header里面添加参数?
2
eslint jsx-a11y/anchor-is-valid 禁用不生效,如何解决?
2
React Native 在init project 一直卡在安装CocoaPods
1
react"^16.8.6" creacte-react-app@3.0.1脚手架npm run eject 问题?
1
RN开发run-android后遇到这个错误com.facebook.jni.CppException: Can't find variable: require
1
/react-native/React/Base/RCTBridgeModule.h:10:9: 'React/RCTDefines.h' file not found
1
React 生成的网页跳转到其它页面再返回时React 生成的页面重新加载了