如何使用 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中文网其他相关文章！