如何在反应中重定向到网站 - JavaScript

重定向是将用户从当前网页引导到另一个网页的过程。在 JavaScript 中，您可以使用 window.location 对象来执行重定向。

重定向到另一个网页

以下代码片段演示了如何将用户重定向到另一个网页：

window.location = "https://www.google.com";

这将把用户重定向到谷歌的主页。

重定向到相对路径

您也可以将用户重定向到相对路径。以下代码片段演示了如何将用户重定向到相对路径 /about：

window.location = "/about";

这将把用户重定向到当前网站的 /about 页面。

重定向到另一个端口

要将用户重定向到另一个端口，您需要在 URL 中包含端口号。以下代码片段演示了如何将用户重定向到端口 3000：

window.location = "http://localhost:3000";

这将把用户重定向到本地主机的端口 3000。

重定向到另一个页面并保留查询参数

如果您希望在重定向后仍保留查询参数，则可以将 window.location.search 添加到新 URL 中。以下代码片段演示了如何将用户重定向到带有查询参数的新 URL：

let query = window.location.search;
window.location = "https://www.example.com/new-page" + query;

这将把用户重定向到 https://www.example.com/new-page，并保留原始查询参数。

重定向到另一个页面并在新页面中打开

您还可以将用户重定向到新窗口或选项卡中的网页。以下代码片段演示了如何打开一个新窗口并将用户重定向到另一个网页：

window.open("https://www.example.com");

这将在新窗口中打开 https://www.example.com。

总结

在 JavaScript 中，window.location 对象提供了一种易于使用的重定向功能。您可以使用它将用户重定向到另一个网页、相对路径、端口、带有查询参数的网页，并在新窗口或选项卡中打开网页。