Node.JS Socket.IO SSL CORS 错误

Question

所以，我制作了一个使用 NodeJS 和 Socket.IO 的应用程序，它运行良好。最近，我安装了 SSL 证书并将套接字从 http://example.com:8080 移动到 https://example.com:8443。但是现在，我收到了这个错误：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://example.com:8443/socket.io/?EIO=3&transport=polling&t=M4Kox0q. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

现在，我做了一些研究，我认为是因为端口（从:443 到:8443 的请求），但是我怎样才能让它不被阻止呢？

这是客户端代码：

socket = io.connect("https://example.com:8443", {
    secure: true
});

和服务器端：

io = require('socket.io');
server = require('https').createServer({
    key: fs.readFileSync('./cloudflare.key'),
    cert: fs.readFileSync('./cloudflare.crt')
}, (req, res) => {
    res.writeHead(200, {
        'Access-Control-Allow-Origin': '*'
    });
}).listen(socket_port);
io = io(server, {
    origins: 'example.com:*'
});

除此之外，在 Dev Tools 的 Network 选项卡中，请求以523 No Reason Phrase 状态代码列出。

可能有帮助的其他信息：

• 我使用 cloudflare SSL（使用 Full 选项）。
• 我使用 NodeJS v9.4.0

Answer 1

如果使用 express，您需要通过使用此简单配置安装 CORS 节点包来正确处理您的 CORS。

const cors = require('cors')

let app = express()
app.use(cors({credentials: true, origin: true}))

或

io = require('socket.io');
server = require('https').createServer({
    key: fs.readFileSync('./cloudflare.key'),
    cert: fs.readFileSync('./cloudflare.crt')
}, (req, res) => {
    res.writeHead(200, {

    "Access-Control-Allow-Origin": "*",
    "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept, Authorization"

    });
}).listen(socket_port);
io = io(server, {
    origins: 'example.com:*'
});

您还可以通过Enable CORS 或MDN CORS 处理这些网站。 我希望这会有所帮助。