Nginx - socket.io Revers proxy 설정

# websocket reverse proxy
    location ~* \.io {
      proxy_set_header X-Real-IP $remote_addr;
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
      proxy_set_header Host $http_host;
      proxy_set_header X-NginX-Proxy false;
      proxy_pass http://localhost:3001;
      proxy_redirect off;
      proxy_http_version 1.1;
      proxy_set_header Upgrade $http_upgrade;
      proxy_set_header Connection "upgrade";
    }

아래에 작성한 react-router-dom issue를 해결하는 코드와 함께 잘 동작된다!

 

클라이언트 단은 아래와 같이 작성한다.

const socket = io.connect('/');