문제 원인
- 계속해서 abstract-xhr.js에서 404에러가 뜨는데 이유를 몰랐다.....
분명히 참고 자료를 보고 따라했고, 다른 블로그들도 코드가 똑같은데 왜....에러가 나지?
다른 자료에서new SockJs("/stomp")
와 같이 백엔드에서 설정해준 엔드포인트와 같게만 설정하던데 왜 안되는걸까 했음- 그래서 controller가 문제일까 아니면 stomp설정
이런애들이 문제인가... 주석처리도 해보고 별거 다해봤는데
문제 해결
결국
위에서 주석으로 처리해주셨듯이*
로 CORS를 설정하면 404에러가 떴고, 이걸http://192.168.x.xx:5500
로 설정해줘도 안됐는데 프론트에서도
new SockJs("/stomp")
가 아니라new SockJs("http://192.168.0.14:8080/stomp")
로 정확하게 설정해줘야 한다.
8080은 내가 설정한 백엔드 포트넘버임.- 여기서 http에 s 붙이면 404
net::ERR_SSL_PROTOCOL_ERROR
에러뜨니까 주의
- 참고로 접속 주소는
http://192.168.x.xx:5500/room.html
- 5500은 프론트 포트넘버
- room.html은 내가 설정한 js을 import한 html
- 그리고 추가로 componentScan안돼있어서 문제있었던 적도 있었음. config파일이 실행하는 StompApplication과 같은 위치나 그아래 패키지 혹은 따로 어노테이션을 붙여줘야하는데 난 더 상위 패키지에 놓고 (com.example) 실행해서 문제가 있었던 적도 있었다.