[NextJS]Nextjs Ngingx 배포시 socket Error

• WebScoket Connection to 'ws://서비스URL/_next/webpack-hmr' failed
• Nginx Proxy설정을 통해 Nextjs를 배포하고 있습니다.
• 배포하고 콘솔로그에 오류가 발생하고 있어 문제점을 파악하던중 tkddls8848님의 블로그글을 통해 문제를 해결했습니다.
• Nginx 설정 추가후 해결했습니다. 정확한 원인은 원글을 참고해주세요.

수정전

server {
      listen 80;
      location / {
              proxy_pass http://NextJS서비스URL:3000;
      }
}

 

수정후

server {
      listen 80;
      location / {
              proxy_pass http://NextJS서비스URL:3000;
              //추가
              proxy_set_header Upgrade $http_upgrade;
              proxy_set_header Connection "upgrade";
              proxy_set_header Host $host;
      }
}