在 Socket.IO 中，我们可能会遇到一个常见的问题，就是客户端无法连接到服务器，而服务器端口却是默认的 3000 端口。这种情况通常发生在本地开发环境中。
问题分析
首先我们需要了解 Socket.IO 的工作机制。Socket.IO 是基于 WebSocket 实现的，它使用了一种叫做“协议升级”的技术。在协议升级过程中，客户端会向服务器发送一个 HTTP 请求，请求中携带着一个 Upgrade 头部，表明客户端希望升级协议。服务器收到请求后，判断 Upgrade 头部并进行协议升级，升级完成后客户端和服务器就可以通过 WebSocket 通信了。
在默认情况下（即未指定端口号），Socket.IO 会使用当前 HTTP 服务所在的端口（注意：不是当前 HTTP 请求的端口）来监听 WebSocket 连接请求。如果当前 HTTP 服务监听的是 80 或 443 端口，那么 WebSocket 的连接请求也会使用 80 或 443 端口；如果当前 HTTP 服务监听的是其他端口，那么 WebSocket 的连接请求就会使用该端口。
假设我们的 HTTP 服务监听的是 3000 端口，那么当客户端升级到 WebSocket 协议时，它会向服务器发送一个使用 3000 端口的 HTTP 请求。这个请求会被我们的 HTTP 服务器接收到并做出响应，但响应中并没有 Upgrade 头部，客户端也无法连接到服务器。
解决方案
解决这个问题的方法很简单，只需要让客户端从 3000 端口升级协议时使用另一个端口即可。为此，我们需要修改客户端代码，在 io.connect() 方法中指定另一个端口（通常是当前 HTTP 服务监听的端口即可）。
// 客户端代码
const socket = io.connect('http://localhost:8080'); // 指定端口为 8080修改后，客户端会使用指定的端口升级协议，从而避免了无法连接的问题。
在实际开发中，我们可以将指定端口写入配置文件中，方便调试和部署时修改。
总结
本文介绍了 Socket.IO 中遇到 3000 问题的解决方式，重点讲解了问题产生的原因和解决思路。在实际开发中，我们需要注意端口号配置，避免出现类似的问题。同时，了解 Socket.IO 的工作机制也有助于我们更好地理解它的实现原理和使用方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64d4923eb5eee0b525c216e9