`close() '를 호출 함에도 불구하고 서버 - 보낸 이벤트 연결이 닫히지 않았습니다.

Question

일단 사용자가 로그 아웃하면 서버 - 보낸 - 이벤트를 프로그래밍 방식으로 닫고 싶습니다. 그러나 사용자가 다시 로그인 할 때 브라우저는 SSE 연결의 한계에 도달했기 때문에 더 이상 https 요청을 실행하지 않습니다.

나는 이벤트 청취에 EventSource을 사용하고 있습니다.

var eventSource; 
function onChange(accountId:string, callback){ 
    var url = "..."; 

    eventSource = new EventSource(url); 

    if(eventSource){ 
     eventSource.addEventListener("put", callback); 
    } 
} 

function close(){ 
    this.eventSource.close() 
} 

내가 브라우저의 네트워크 연결을 관찰했다, 나는 연결이 여전히 존재 실현 :
이것은 내 연결을 닫는 방법이다. Timing의 출력은 Caution: request is not finished yet!입니다. 제한된 연결 수 때문에 다음 이벤트 스트림이 정지합니다.

EventSource이 이와 같이 작동하도록 설계되어 있는지 확실하지 않지만 많은 사람들이 동일한 시나리오를 사용하지 않기 때문에이 문제와 관련된 내용을 찾을 수 없습니다.
브라우저 (크롬)에서 페이지를 새로 고침 할 때마다 기존의 모든 연결이 닫히지 만 문제를 해결하기 위해 페이지를 다시로드하지 않으려합니다.

Answer 1

당신이 생각하는대로 this.eventSource을 참조하십시오. https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this 이벤트 처리기에서 호출 된 경우 전역 범위가 아닙니다.

xxx.close()을 호출 한 후에 xxx을 null로 설정하십시오. (문제는 아닐지 모르지만 가비지 수집을 돕고 버그를 찾는 데 도움이 될 수 있습니다.)

문제의 3 가지 아이디어로, 전역에 내장 된 개체와 같은 이름을 사용하지 마십시오. 나는 보통 내 이벤트 소스 객체에 es을 사용합니다.