JavaScript の 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 の Fetch API を使用してログイン後にリダイレクトを処理するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。