JavaScript Fetch API を使用してログイン後にユーザーを手動でリダイレクトするにはどうすればよいですか?

JavaScript Fetch API を使用してログイン後にユーザーを別のページにリダイレクトするにはどうすればよいですか?

リダイレクト モードを使用する場合、 fetch() 関数に従うと、クライアント側はは新しい URL にリダイレクトされますが、 fetch() は舞台裏でそのリダイレクトに従い、リダイレクト URL からの応答を返します。ログイン成功後にユーザーを手動でリダイレクトするには、回答で提供されているオプション 1 と 2 を使用して次の手順を実行できます:

オプション 1 - RedirectResponse を返す

フォローするリダイレクトを設定するfetch() 関数 (デフォルトですでに設定されていますが、わかりやすくするために手動で指定できます)。
1. Response.redirected を使用して、応答がリダイレクトされたリクエストの結果であるかどうかを確認します。
2. 応答がリダイレクトの場合は、Response.url を使用して最終 URL を取得し、window.location.href または window.location.replace() を使用してユーザーをターゲット URL にリダイレクトします。

オプション 2 - リダイレクト URL を含む JSON 応答を返す

サーバーに、JSON オブジェクトに含まれる URL を含む JSON 応答を返させます。
1. クライアント側で、 JSON 応答には「url」キーが含まれています。
2. 「url」キーが存在する場合は、その値を取得し、ユーザーをターゲット URL にリダイレクトします。

以上がJavaScript Fetch API を使用してログイン後にユーザーを手動でリダイレクトするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。