Node.js/Express+Socket.io跨域配置问题：503及404错误排查

我来帮你梳理下你遇到的问题，以及对应的解决思路和最终的正确配置：

问题根源分析 #

你遇到的问题其实是两个核心问题交织导致的：

1. 端口冲突与服务启动逻辑错误：Heroku每个应用只能绑定一个由平台分配的端口（即process.env.PORT），但你一开始同时用app.listen(port)和server.listen(socket_port)启动了两个独立的服务，这直接导致其中一个服务无法正常获取端口，进而引发503服务不可用错误。
2. CORS配置与Socket.io路径不匹配：当你尝试硬编码端口8000时，Socket.io的请求找不到Heroku实际分配的服务端口，出现404；后续调整端口后又遇到了「凭证模式下CORS不能用通配符」的规则限制。

正确配置方案 #

解决的核心是让Express和Socket.io共享同一个HTTP服务器，并且只监听Heroku分配的单个端口，同时根据请求是否携带凭证调整CORS规则。

下面是修正后的核心代码配置：

var express = require('express');
var app = express();
var http = require('http');

// 创建统一的HTTP服务器，让Express和Socket.io共享
var server = http.createServer(app);
// 把Socket.io挂载到这个共享服务器上
var io = require('socket.io')(server);

// 注意：如果你的前端请求携带凭证（比如withCredentials: true），必须指定具体的前端域名
// io.set("origins", "http://my-domain.com:*");
// 如果不需要携带凭证，可临时用通配符，但生产环境不推荐
// io.set("origins", "*:*");

io.on('connection', function(socket) {
  socket.on('create notification', function( data ) {
    socket.broadcast.emit('new notification', data);
  });
});

// 只启动共享的server，不要再单独调用app.listen()
var port = process.env.PORT || 8080;
server.listen(port, ()=> {
  console.log('Node/Express + Socket.io: \x1b[32m%s\x1b[0m', 'online - port: '+ port);
});

关键修改点说明 #

• 共享HTTP服务器：不再分别启动Express和Socket.io的独立服务，而是创建一个统一的HTTP服务器，既处理Express的API请求，也处理Socket.io的握手连接，完全符合Heroku的端口分配规则。
• 移除独立的app.listen()：原来的app.listen()会创建新的HTTP服务器，和Socket.io的服务端口冲突，必须删除，只保留server.listen()来启动唯一的服务。
• CORS规则适配：如果前端请求需要携带凭证（比如cookie、HTTP认证信息），io.set("origins")必须指定具体的前端域名，不能用*:*；如果不需要凭证，可以用通配符，但生产环境建议明确指定允许的源，提升安全性。

这样调整后，你的API请求和Socket.io实时连接就能正常工作，不会再出现503、404以及CORS相关的错误。

内容的提问来源于stack exchange，提问作者nicogaldo