我按照这个教程通过私有网络让Node.js在两台Ubuntu 14.04服务器上通过Nginx工作(Node.js在myappserver上——通过私有IP myprivatewebserver访问,通过mypublicappserver公开访问——而Nginx在mywebserver上)。到目前为止一切都很好——我可以访问myprivateappserver:3000上的node.js应用程序,通过Nginx访问http://mywebserver/node。
然而,当我尝试运行聊天应用程序在socket.io上express.js,它的工作时,我直接访问它(超文本传输协议://myPublappserver: 3000)但是,当我尝试和访问它通过我的NGINX代理(超文本传输协议://mywebserver/节点),我得到无法GET /node在浏览器和火虫控制台"网络错误: 404未找到-超文本传输协议://mywebserver/节点"。
如果我从mywebserver中curl http://myprivateappserver:3000,我可以从我的socket.io应用程序中获得index.html。
我的 /etc/nginx/sites-available/default 包含:
location /node{
proxy_pass http://myprivateappserver:3000;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
我的索引.js是:
var app = require('express')();
var http = require('http').Server(app);
var io = require('socket.io')(http);
app.get('/', function(req, res){
res.sendFile(__dirname + '/index.html');
});
io.on('connection', function(socket){
console.log('a user connected');
socket.on('disconnect', function(){
console.log('user disconnected');
});
socket.on('chat message', function(msg){
io.emit('chat message', msg);
});
});
http.listen(3000, function(){
console.log('listening on *:3000');
});
我的index.html是:
<!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="/socket.io/socket.io.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script>
var socket = io();
$('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>
这是我第一次涉足nginx/node/express/socket(我通常是一个Apache/CakePHP爱好者),所以我可能会错过一些非常简单的东西,但也非常感谢任何关于如何调试错误的指点
这是因为SocketIO使用/socket。默认情况下,io</code>路径,因此您需要配置Nginx,使其不仅代理<code>/node</code>请求,而且代理<code>/socket。io也
:
location ~ ^/(node|socket\.io) {
#your proxy directives
}
(顺便说一下,看起来你有错别字:你写的是< code>proxypass,但正确的形式是< code>proxy_pass。其他< code>proxy指令也是如此)
您还需要在NodeJS服务器文件中再执行一次编辑。替换:
app.get('/', function(req, res){
使用:
app.get('/node', function(req, res){
现在它应该起作用了。
这不是唯一的解决方案。您也可以通过对 Nginx 配置进行一些更改来更改 SocketIO 路径,但上述解决方案对我来说似乎是最简单的。祝你好运!
好奇的好aswer。我想补充一点,如果你使用sub_filter,你不必调整node.js应用程序。你的ngin x一定是用那个模块编译的。
location ~ ^/(node|socket\.io) {
#your proxy directives
sub_filter /node /;
}
我认为如果那样会更好:
location /node{
proxy_pass http://myprivateappserver:3000/; # add "/"
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
}
proxy_pass添加'/',然后app.get ('/') 也可以!