🏰 Back-end/Server

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

seongit 2023. 3. 12. 20:59

 

에러 화면

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

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) 문제해결

프로젝트를 서버에 올리고 나서 화면은 정상으로 떳지만 계속해서 Websocket 오류가 났다..문구는 아래와 같았는다WebSocket connection to 'wss:/서버주소:3000/ws' failed: WebSocketClient.js:16 왜 나는 웹소켓을

velog.io

 

 

참고 블로그 

 

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

 

[vue] npm run serve 입력 시

npm run serve 입력 시 localhost:8080, 즉 내 호스트에 뷰 프로젝트를 띄워준다. 이건 어디서 띄워주는 건지 궁금해서 알아봄 vue project 생성시 자동으로 package.json이 생성된다. 위 사진이 package.json의 일

yamyam-naengmyeon-donkats.tistory.com