如何使用 JavaScript Fetch API 登入後手動重新導向使用者？

如何使用 JavaScript Fetch API 登入使用者後重新導向到另一個頁面？

當在 fetch() 函數中使用重定向模式時，用戶端不會被重定向到新的 URL，但 fetch() 將在幕後遵循該重定向並從重定向 URL 回傳回應。要在成功登入後手動重定向用戶，您可以按照答案中提供的選項1 和2 執行以下步驟：

選項1 - 返回RedirectResponse

1. 將重定向設定為遵循fetch() 函數（預設已設置，但為了清晰起見可以手動指定）。
2. 使用 Response.redirected 檢查回應是否是重定向請求的結果。
3. 如果回應是重定向，請使用 Response.url 取得最終 URL，並使用 window.location.href 或 window.location.replace() 將使用者重新導向至目標 URL。

選項 2 - 傳回包含重新導向 URL 的 JSON 回應

1. 讓伺服器傳回包含在 JSON 物件中的 URL 的 JSON 回應。
2. 在客戶端，檢查是否JSON 回應包含「url」鍵。
3. 如果「url」鍵存在，則檢索其值並將使用者重新導向至目標 URL。

以上是如何使用 JavaScript Fetch API 登入後手動重新導向使用者？的詳細內容。更多資訊請關注PHP中文網其他相關文章！