Vue에서 SSE 적용시 문제

선생님 덕분에 eventSource 자체는 잘 받았고 확인도 했습니다
하지만 이후 addEventListener 부분에서 e.data를 확인하려 하면 아무것도 안 뜹니다..
event 이름도 서버랑 맞추었는데 왜 e.data 부분만 안 나올까요..

요청.params는 잘 나오고 있습니다

setInterval로 해보고, api 이름도 바꿔봤는데도 변화가 없네요...
네트워크 탭 확인하면 정상적으로 수신하고 있는데 응답. write 부분에서 반응이 없네요..
우선 Socket.io로 구현해 볼까 하는데 안되는 걸 넘어가기엔 너무 찝찝하네요..

onmessage와 풀 URL 방식이 안돼서
강의 코드를 기반으로
응답.write('event: test\n'); 이 부분 없애고 클라이언트에서 test 대신에 message로 넣어보았습니다
그리고 setInterval로 요청을 계속해 보았습니다
이렇게 하니 진전이 되었습니다

여기서 문제가 setInterval로 요청 시 1초 단위로 설정했는데 약 40초 뒤에 e.data가 한 번에 쭉 나오고
다시 멈춥니다. 속도를 더 늦춰도 같은 현상이 나옵니다.

setInterval을 없애고 기존의 방식으로 하면 다시 아무것도 안 나옵니다.


추가로 처음에 안될 때 console.log를 서버와 클라이언트에 넣어서 어느 쪽이 문제인지 확인하니까
클라이언트에서 데이터를 받을 때 addEventListener 쪽이 문제였습니다.