NextJS ) next js websocket.js?a9be:45 WebSocket connection to

Next.js를 구동중에 다음과 같은 에러가 발생했다.

이게 머여!

이것에 대한 문제는 NextJS 12버전의 서버 커넥션을 유지하기 위해 webSocket을 활용했기 때문에 발생한 것이다.

사진과 같은 에러가 console에 출력된다면 nginx의 default 설정 파일에서

# https websocket
            proxy_set_header       Upgrade $http_upgrade;
            proxy_set_header       Connection "upgrade";
            proxy_set_header Host $host;

을 추가해보자

그러면 웹서버의 헤더에 웹소켓 적용이 되었음으로 에러가 없어지게 된다.

 

도움되셨다면 커피한잔의 여유를 위한 광고 클릭 부탁드립니다 :)