什么是 Socket.io
Socket.io 是一种实时通信库，使用它可以轻松地在服务器和客户端之间建立实时通信。Socket.io 可以用于实现聊天室、实时游戏、在线编辑、协作工具等应用程序。
Socket.io 连接遇到的跨域问题
跨域是指在同一页面的不同域之间进行数据通信时，由于安全策略的限制，浏览器禁止页面与外部来源进行跨域数据的请求。当 Socket.io 连接在不同的端口或者不同的域名下时，就会遇到跨域问题。
解决方案
1. 后端 Node.js 设置 CORS
CORS（Cross-Origin Resource Sharing）是一种机制，它使用 HTTP 头来告诉浏览器哪些源站点有访问权限。使用 Node.js，可以通过设置 CORS 的 HTTP 头来解决 Socket.io 跨域问题。以下是一个简单的示例：
----- -- - ---------------------------- -
----- -
------- -------------------------
-------- ------- -------
-
---以上代码中，使用了 cors 选项，将 origin 设为你的域名，methods 设为 'GET' 和 'POST'。
2. 前端 JavaScript 设置跨域请求头
另一种解决 Socket.io 跨域问题的方法是在前端 JavaScript 代码中设置跨域请求头。这个方法需要使用 XMLHttpRequest 对象来发送请求。以下是一个示例：
----- ------- - -
---------------- -----
------------- -
------------------------------ ----
------------------------------- ----- ----- ---- ------- ---------
------------------------------- -------------- -------------- -----------------
-
--
----- ------ - ---------------------------- ---------
-------------------- -- -- -
------------------- ------------
---以上代码中，将参数 withCredentials 设为 true，以便使跨域请求头生效。extraHeaders 是一个对象，包含了跨域请求头的信息。
总结
在 Socket.io 连接中遇到跨域问题时，可以通过后端 Node.js 设置 CORS 或者前端 JavaScript 设置跨域请求头的方法来解决。这两种方法都可以处理跨域问题，但具体使用哪种方法，要看实际情况而定。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/652b35a07d4982a6ebd3707e