如何使用 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

傳回包含重新導向 URL 的 JSON 回應，而不是 RedirectResponse。在客戶端，檢查回應是否包含“url”鍵並相應地重定向使用者。或者，您可以將重新導向 URL 新增至伺服器端的自訂回應標頭。

選項 3：使用 HTML

如果不強制使用 fetch()，您可以使用傳統的 HTML

並讓使用者提交。在這種情況下，在伺服器端使用 RedirectResponse 將自動重新導向用戶，無需額外的用戶端操作。

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