由于我在React应用程序中使用React路由器来处理我的路由，我很好奇是否有一种方法可以重定向到外部资源。
比如有人打人:
example.com/privacy-policy
我希望它重定向到:
example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies
我发现在我的index.html加载中，避免用纯JavaScript编写它完全没有任何帮助:
if (window.location.path === "privacy-policy"){
window.location = "example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies"
}
当前回答
我认为最好的解决方案是使用普通的<a>标记。其他一切似乎都令人费解。React路由器是为单页应用程序中的导航而设计的，因此将它用于其他任何事情都没有多大意义。为已经内置在<a>标签中的东西制作整个组件似乎…傻吗?
其他回答
我不认为React路由器提供这种支持。文档中提到
重定向>设置重定向到应用程序中的另一个路由，以维护旧的url。
你可以尝试使用类似React-Redirect的东西。
如果你使用服务器端渲染，你可以使用StaticRouter。用你的上下文作为道具，然后在你的应用程序中添加<重定向路径="/somewhere" />组件。这个想法是每次React路由器匹配一个重定向组件时，它会添加一些东西到你传递到静态路由器的上下文中，让你知道你的路径匹配一个重定向组件。
现在你知道你点击了一个重定向，你只需要检查这是否是你正在寻找的重定向。然后通过服务器重定向。ctx.redirect(“https://example/com”)。
补充一下Víctor Daniel的回答:链接的路径名实际上只有在链接前有“https://'”或“http://'”时才会把你带到外部链接。
您可以执行以下操作:
<Link to={{ pathname:
> "https://example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies"
> }} target="_blank" />
或者如果你的URL没有'https://'， '，我会这样做:
<Link to={{pathname:`https://${link}`}} target="_blank" />
否则它将位于当前基路径的前面，如Lorenzo Demattécommented。
我也遇到过同样的问题。我希望我的投资组合重定向到社交媒体处理。之前我使用了"react-router-dom"中的{Link}。重定向到这里的子目录，
链接可用于在网站内路由网页。如果我们想重定向到一个外部链接，那么我们应该使用一个锚标记。像这样,
我自己解决了这个问题(在我的web应用程序中)，通过添加一个锚标记，而不是使用React路由器的任何东西，只是一个普通的锚标记和一个链接，正如你可以在图片截图中看到的，在一个React应用程序中使用锚标记而不使用React路由器
基本上，你不会将你的用户路由到你的应用程序中的另一个页面，所以你不能使用内部路由器，而是使用一个正常的锚。
虽然这是一个非反应本机解决方案，但您可以尝试。
