사용자가 페이지를 다시 로드하는 경우 사용자를 다른 페이지로 리디렉션하려면 어떻게 해야 합니까?

Question

이에 대응하여 onunload 및 onbeforeunload를 사용하여 다시 로드한 후 사용자를 현재 페이지에서 다른 페이지로 리디렉션하려고 합니다. 그러나 처음 다시 로드한 후에는 URL이 변경된 것으로 표시되고 현재 페이지로 다시 돌아갑니다. 두 번째 새로고침 후에는 리디렉션 페이지로 이동합니다. 제가 시도한 코드는 다음과 같습니다...

테스트 001: "페이지 나가기" 버튼을 확인/클릭한 후 리디렉션되어야 합니다. 실제로 해당 페이지로 이동하여 이전 페이지로 리디렉션됩니다. >_<<

으아악 으아악

테스트 002: 그러다가 타이밍 문제일지도 모른다고 생각하고 타이머를 설정했습니다. 이제 상황은 더욱 악화됩니다! 거기에는 가지 않을 것입니다.

으아악

Answer 1

이것을 시도해 보세요:

으아악

기본 MyComponent 내보내기

Answer 2

beforeunload 이벤트를 사용하여 사용자를 리디렉션하려고 시도한 후 페이지가 두 번 다시 로드되는 브라우저 "바운스 효과" 또는 "이중 다시 로드" 문제는 브라우저 보안 조치로 인해 완전히 방지하기 어려울 수 있습니다. 그러나 그 영향을 최소화하기 위해 사용할 수 있는 특정 기술이 있습니다. 한 가지 효과적인 접근 방식은 플래그 데이터를 전역적으로 어딘가에 저장하여 해당 사용자가 페이지를 다시 로드하는 것을 추적할 수 있는 것입니다.

이 사람이 어떻게든 이 문제를 해결했어요

localstorage/sessionStorage에 플래그를 저장한 다음 리디렉션이 성공하면 플래그를 삭제하는 또 다른 솔루션이 있습니다. 아래 코드는 원하는 방식으로 사용할 수 있습니다.

으아아아