如何解决Laravel+Node.js Socket.io信令应用中的CORS跨域错误

算力阿峰

2026-9-29

Socket.io 跨域CORS错误解决方案

核心问题排查

你的代码中首先存在Socket.io origin配置冲突：你先设置了io.origins('*:*')，后续又用io.set('origins', process.env.DOMAIN + ':*')覆盖了配置，首先确认process.env.DOMAIN的值是否和你Laravel应用的域名完全匹配，包含http/https协议头，不要漏写或者多写末尾斜杠。

按Socket.io版本配置CORS

不同版本的Socket.io CORS配置规则差异很大：

如果你使用的是Socket.io v2.x

删掉重复的origin配置，只保留一行：

io.origins(`${process.env.DOMAIN}:*`);

同时确保环境变量DOMAIN的值格式正确，比如Laravel域名是https://laravel-app.com，就直接填这个值，不要末尾加/

如果你使用的是Socket.io v3.x及以上版本

旧的origins方法已经废弃，需要在初始化Socket.io的时候直接传入cors配置，修改你的初始化代码：

// 删掉原来的io.origins和io.set('origins')两行代码
const io = require('socket.io')(https, {
  cors: {
    origin: process.env.DOMAIN, // 这里也可以传数组配置多个允许的域名
    methods: ["GET", "POST"],
    credentials: true // 如果你的请求需要携带cookie等凭证就打开，不需要可以删掉
  }
});

Express CORS配置优化

手动写响应头容易漏配置，建议直接使用官方的cors中间件：

安装依赖

npm install cors

替换你现有的自定义header代码：

const cors = require('cors');
app.use(cors({
  origin: process.env.DOMAIN,
  methods: ["GET", "POST", "PUT", "PATCH", "DELETE", "OPTIONS"],
  allowedHeaders: ["Origin", "X-Requested-With", "Content-Type", "Accept"],
  maxAge: 120
}));
// 原来的app.get('/')里的header配置全部删掉即可
app.get('/', function (req, res) {
  res.send('Ok');
});