>  기사  >  백엔드 개발  >  JavaScript\'s Fetch API로 로그인 후 리디렉션을 처리하는 방법은 무엇입니까?

JavaScript\'s Fetch API로 로그인 후 리디렉션을 처리하는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-10-18 22:38:30671검색

How to Handle Redirects After Login with JavaScript's Fetch API?

JavaScript Fetch API를 사용하여 로그인 후 다른 페이지로 리디렉션하는 방법은 무엇입니까?

JavaScript의 fetch() 메소드를 사용하면 로그인을 처리하고 사용자를 다른 페이지로 원활하게 리디렉션할 수 있습니다. 그러나 리디렉션이 작동하지 않는 문제가 발생하는 경우 다음 옵션을 고려하십시오.

옵션 1: RedirectResponse 반환

fetch()를 사용하면 클라이언트 측에서 리디렉션이 자동으로 수행됩니다. 그러나 Response.redirected를 사용하여 응답이 리디렉션의 결과인지 확인할 수 있습니다. 그렇다면 Response.url을 사용하여 최종 URL을 검색하고 window.location.href 또는 window.location.replace()를 사용하여 사용자를 리디렉션하세요.

옵션 2: 리디렉션 URL로 JSON 반환

RedirectResponse 대신 리디렉션 URL이 포함된 JSON 응답을 반환합니다. 클라이언트 측에서 응답에 "url" 키가 포함되어 있는지 확인하고 이에 따라 사용자를 리디렉션하세요. 또는 서버측 사용자 정의 응답 헤더에 리디렉션 URL을 추가할 수 있습니다.

옵션 3: HTML
사용

fetch() 사용이 필수가 아닌 경우 다음을 수행할 수 있습니다. 기존 HTML 을 사용하세요. 사용자가 제출하도록 하세요. 이 경우 서버 측에서 RedirectResponse를 사용하면 추가 클라이언트 측 작업 없이 자동으로 사용자를 리디렉션합니다.

위 내용은 JavaScript\'s Fetch API로 로그인 후 리디렉션을 처리하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.