从 Nginx 到 Express.js 上的 socket.io 的反向代理上“无法获取”

2024-04-27

我已经关注了通过私有网络让 Node.js 在两台 Ubuntu 14.04 服务器上通过 Nginx 工作(Node.js 位于 myappserver 上 - 通过私有 IP myprivatewebserver 访问,并通过 mypublicappserver 公开访问 - 以及 Nginx 位于 mywebserver 上)。到目前为止,一切正常 - 我可以通过 Nginx 访问 myprivateappserver:3000 上的 node.js 应用程序,方法是:http://mywebserver/节点 http://mywebserver/node.

但是,当我尝试运行时聊天应用程序 http://socket.io/get-started/chat/在express.js上的socket.io中,当我直接访问它时它可以工作(http://mypublicappserver:3000 http://mypublicappserver:3000)但是,当我尝试通过我的 Nginx 代理访问它时(http://mywebserver/节点 http://mywebserver/node),我在浏览器和 firebug 控制台中收到“无法获取/节点”“ “网络错误:404 未找到 -http://mywebserver/节点 http://mywebserver/node".

如果我卷曲http://myprivateappserver:3000 http://myprivateappserver:3000从 mywebserver 中,我可以从我的 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;
}

我的index.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默认路径,所以你需要配置Nginx,使其不仅代理/node请求,但是/socket.io too:

location ~ ^/(node|socket\.io) {
    #your proxy directives
}

(顺便说一句,看起来你有错别字:你写了proxypass,但正确的形式是proxy_pass。其他的也同样如此proxy指令)

您还需要在 NodeJS 服务器文件中再执行一项编辑。代替:

app.get('/', function(req, res){

with:

app.get('/node', function(req, res){

现在应该可以了。

这不是唯一的解决方案。你也可以改变SocketIO路径 http://socket.io/docs/server-api/#server#path(v:string):serverNginx 配置发生了一些变化,但上述解决方案对我来说似乎是最简单的。祝你好运!

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从 Nginx 到 Express.js 上的 socket.io 的反向代理上“无法获取” 的相关文章

随机推荐