nuxt3 + spring sse 연결 질문

Question

안녕하세요. sse기능을 사용하기 위해 코드를 추가했습니다.현재 상황은 EventSource로 sse연결은 성공했지만 /api/v1/sse/test api를 호출하여 addEventListener 를 확인하려고 했습니다.크롬 개발자도구에서는 /api/v1/sse/subscribe 연결이 대기 중인 상태로 되어 있으며, 서버 로그에서도 emitterManager.sendEvent 가 잘 작동하여📤 SSE 전송 로그를 보여주고 있습니다.onmessage 또는 eventSource.addEventListener('order', () => {})에서 반응이 없습니다.도움 주시면 감사합니다.SseController.java@RestController @RequiredArgsConstructor @RequestMapping("/api/v1/sse") public class SseController { private final SseEmitterManager emitterManager; @GetMapping(value = "/subscribe", produces = MediaType.TEXT_EVENT_STREAM_VALUE) public SseEmitter subscribe() { return emitterManager.subscribe(); } @GetMapping(value = "/test") public DataRestResponse test(@RequestParam Long gymIdx) { emitterManager.sendEvent("order", gymIdx); return DataRestResponse.builder().build(); } }SseEmitterManager.java@Slf4j @Component public class SseEmitterManager { private final List emitters = new CopyOnWriteArrayList<>(); private final ObjectMapper objectMapper = new ObjectMapper(); public SseEmitter subscribe() { SseEmitter emitter = new SseEmitter(Long.MAX_VALUE); emitters.add(emitter); log.info("📥 SSE 구독 연결됨! 현재 접속자 수: {}", emitters.size()); emitter.onCompletion(() -> { emitters.remove(emitter); log.info("🧹 SSE 연결 종료됨. 현재 접속자 수: {}", emitters.size()); }); emitter.onTimeout(() -> { emitters.remove(emitter); log.info("⏰ SSE 연결 타임아웃됨. 현재 접속자 수: {}", emitters.size()); }); emitter.onError(e -> { emitters.remove(emitter); log.warn("⚠️ SSE 에러 발생: {}", e.getMessage()); }); try { emitter.send(SseEmitter.event() .name("connect") .data("connected!")); } catch (IOException e) { throw new RuntimeException(e); } return emitter; } public void sendEvent(String eventName, Long gymIdx) { log.info("📤 SSE 전송: eventName={}, gymIdx={}", eventName, gymIdx); for (SseEmitter emitter : emitters) { try { emitter.send(SseEmitter.event() .name(eventName) .data(gymIdx)); } catch (IOException e) { log.warn("SSE 전송 실패, emitter 제거: {}", e.getMessage()); emitter.complete(); } } } }프론트에서 EventSource를 하고 있는 코드onMounted(() => { const eventSource = new EventSource(`${apiBase}/api/v1/sse/subscribe`); eventSource.onopen = () => { console.log('[🔗 SSE 연결 성공]'); }; eventSource.onmessage = (event) => { console.log('id: ' + event.lastEventId + ', data: ' + event.data); }; eventSource.addEventListener('order', (e) => { console.log('✅ 이벤트 수신:', e.data); }); eventSource.onerror = (err) => { console.warn('[❌ SSE 오류]', { type: err?.type, target: err?.target, message: (err as any)?.message, }); }; onBeforeUnmount(() => { eventSource.close(); }); });

개발잡부 · Accepted Answer

emitter.send(SseEmitter.event() .name("connect") .data("connected!"));이것도 동작을 안하나요? 그럼 서버 환경에서 막혀있는것은 아닌지 봐야합니다

개발잡부 · Answer

냉무

flaghrbs1004 · Answer

AccessLogFilter.java@Overrideprotected void doFilterInternal(HttpServletRequest request, HttpServletResponse response, FilterChain filterChain) throws ServletException, IOException { // SSE 구독 요청은 로깅 제외 (URL 경로 기준 또는 Accept 헤더로) String uri = request.getRequestURI(); String accept = request.getHeader("Accept"); if (uri.startsWith("/api/v1/sse") || (accept != null && accept.contains("text/event-stream")) // || request.isAsyncStarted() // 비동기 요청 전부를 로깅에서 제외하고 싶을 때 ) { filterChain.doFilter(request, response); return; } ... }GPT에 SSE는 request/response 로깅을 하면 안 된다 를 검색하니 나왔습니다gpt에서는 이 부분을 놓치고 있어서 5일동안 삽질을 했네요 @개발잡부 님 감사합니다!

nuxt3 + spring sse 연결 질문

3개의 답변

#sse 목록