Ngin x不工作与Node.jsSocket.io

Question

我一整天都在尝试让我的Nginx/React应用程序连接到我的Node.js后端，它在我的开发环境中工作得很好。我的前端和后端部署在同一个虚拟机上各自的Docker容器中。Nginx容器可以直接与Node.js容器通信，它被确认工作正常，因为其他get/post请求工作正常。

这是我最初的Nginx配置。

server {
  listen 80;

  add_header 'Access-Control-Allow-Origin' '*';
  add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;

  location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }

  //This is the initial route to connect to socket.io
  location /api/notices {
    proxy_pass http://nodejs:8000;
  }

  location ~ ^/api/infoblock/[0-9a-zA-Z]+$ {
    proxy_pass http://nodejs:8000;
  }
}

这是我在控制台上看到的错误:

< code > POST http://domain _ name/socket . io/？EIO=3

我在网上做了更多的研究，被告知还要添加类似的内容：

location /socket.io/ {
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-NginX-Proxy true;
    proxy_set_header Host $host;

    proxy_pass http://nodejs:8000;

    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
    proxy_set_header Host $http_host;

    proxy_http_version 1.1;
    proxy_cache_bypass $http_upgrade;
   }

当我这样做时，405错误消失了，但似乎实际上什么都没有发生。我没有从 socket.io 连接获取任何数据，控制台中也没有抛出任何内容。

我不确定我需要做什么。我在网上找到了很多“解决方案”，但似乎无法理解为什么会出现插座。io连接不起作用，但正常的get/post请求会起作用。

这里是我如何从前端连接，这再次证实了在我的开发环境中的工作。

let socket = socketIOClient("/api/notices");
socket.on("NoticesReact", this._socketNotices);

如何修复我的nginx配置以使用Node.js Socket.io

Answer 1

经过几个小时的努力。我明白了，但是，我不知道为什么。

这最初没有发布，但这是我的后端 socket.io 代码的样子：

io.of("/api/notices").on("connection", socket => {...})

在尝试了几乎所有的方法后，我决定删除我的自定义命名空间，. of（"/api/的通知"），这是一种限制套接字到一个命名空间的方法。

所以现在我的Ngin x配置看起来像这样：

server {
  listen 80;

  add_header 'Access-Control-Allow-Origin' '*';
  add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' always;

  location / {
    root   /usr/share/nginx/html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html;
  }

  location /socket.io/ {
    proxy_pass http://nodejs:8000;
    proxy_redirect off;
    proxy_http_version 1.1;
    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection "upgrade";
   }

  location ~ ^/api/infoblock/[0-9a-zA-Z]+$ {
    proxy_pass http://nodejs:8000;
  }
}

神奇的是...一切正常吗？但是我不知道为什么删除我的自定义名称空间是让它与Nginx一起工作的解决方案。

如果有人能弄清楚为什么删除自定义命名空间有效，请随时对此发表评论。