[오류 해결] not upgraded to websocket

문제 발생

팀원 중 하나가 Flutter로 개발 중인 Furry-Friend 프로젝트에서 백엔드 서버의 WebSocket Stomp와 연결하는 과정에서 오류를 겪었습니다.

 

문제 해결 과정

처음에는 Front-end를 Next.js로 개발한 부분에서 문제가 없어 보여 Flutter 코드를 의심했지만, 팀원이 많은 라이브러리와 방법을 시도해도 문제가 해결되지 않았습니다.

 

그러던 중 Flutter 및 Dart와 WebSocket 연결에 관한 문제 해결을 위한 글을 찾아보았습니다. 이 글을 통해 다른 개발자가 비슷한 문제를 겪었으며 NGINX를 프록시로 사용하고 있었다는 사실을 알게 되었습니다. 그리고 해당 글에서 NGINX 설정에 다음 코드를 추가해야 한다는 정보를 얻었습니다.

proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection "upgrade";

 

이 코드를 추가한 후에야 WebSocket 연결이 성공하게 되었습니다!

늦은 시간까지 고생하신 팀원에게 다시 한 번 감사합니다!

 

참고 링크

https://stackoverflow.com/questions/64125735/flutter-socket-io-error-on-websocketexception-connection-to-was-not-upgraded-to