CORS用node.js和socket.io阻塞
我最近开始学习node.js和socket.io。 我跟着一个简单的教程，socket.io有，而且在我的电脑上运行，一切正常。 但是，我决定将客户端部分上传到服务器进行testing，这就是问题出现的地方。 我想在Web主机上运行聊天客户端，然后在我的计算机或其他主机上运行服务器。 基本上，我计划端口转发服务器，并让客户端运行在网页上。 我打开我的端口端口转发，似乎工作，但我每次都在网页上的错误。
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://24.151.51.34:3000/socket.io/?EIO=3&transport=polling&t=1437399007343-0. (Reason: CORS request failed). 我一直在搞乱代码，希望能够在开始自己的项目之前find解决这个问题的办法，但是我找不到一个办法。 客户端代码是：
<!doctype html> <html> <head> <title>Socket.IO chat</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font: 13px Helvetica, Arial; } form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } #messages { list-style-type: none; margin: 0; padding: 0; } #messages li { padding: 5px 10px; } #messages li:nth-child(odd) { background: #eee; } </style> </head> <body> <ul id="messages"></ul> <form action=""> <input id="m" autocomplete="off" /><button>Send</button> </form> <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script> <script src="http://code.jquery.com/jquery-1.11.1.js"></script> <script> var socket = io('24.151.51.34:3000'); $('form').submit(function(){ socket.emit('chat message', $('#m').val()); $('#m').val(''); return false; }); socket.on('chat message', function(msg){ $('#messages').append($('<li>').text(msg)); }); </script> </body> </html>
对于服务器代码，我试图添加代码来允许CORS，但真的不知道该怎么做：
var app = require('express')(); var http = require('http').Server(app); var io = require('socket.io')(http); io.set('origins', 'http://browsercombat.com:80'); app.use(function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept"); res.header("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE, OPTIONS"); res.header("Access-Control-Allow-Credentials", "true"); next(); }); app.get('/', function(req, res, next) { res.sendFile(__dirname + '/index.html'); }); app.post('/', function(req, res, next) { // Handle the post for this route }); io.on('connection', function(socket){ socket.on('chat message', function(msg){ io.emit('chat message', msg); }); }); http.listen(3000, function(){ console.log('listening on *:3000'); });
我设法通过使用这个CORS中间件有人推荐我并检查我的防火墙设置来解决问题。 https://www.npmjs.com/package/cors