[Server] 배포 후 서버에서 websocket connection to failed

 

에러 화면

로컬에서는 에러가 안 나는데 서버에 올리니까 이런 에러가 난다.

websocket connection to failed

 

 

npm run serve하면 해당 에러는 발생하지 않지만, api 서버를 찾을 수 없다.

나의 추측으로는 npm run serve 했을 때 development를 바라보는 것 같다.

devServer: {
     //proxy: 'http://localhost:8081' // api 서버 포트 번호로 지정
           proxy : process.env.VUE_API_URL || 'http://192.168.50.101:8080'
  },

그래서. env.development를 다음과 같이 변경했다.

혹시 몰라 VUE_API_URL= 부분을 주석처리 했는데도 동일하게 에러 발생했다.

 

아니 근데 또 error 남 ..

나는 심지어 websocket 쓰지도 않는데..ㅠ.. 

이걸로 해결했다. 감사합니다!

npm run server 하면 웹팩의 dev서버로 돌아가고, 이때 웹팩이 웹소캣을 쓰고 있다.

1초마다 화면 바뀌었어?? 하면서 물어보는 사람처럼 파일이 변경될 때 다시 로드하기 위해 웹소켓으로 체크하는 거 같다.

 

https://velog.io/@wjdska245/react-Websocket-connection-failed-ws-%EB%AC%B8%EC%A0%9C%ED%95%B4%EA%B2%B0

react Websocket connection failed (webpack) 문제해결

 

 

참고 블로그 

 

https://yamyam-naengmyeon-donkats.tistory.com/87

[vue] npm run serve 입력 시