React Link无法打开heroku url答案

【问题标题】：React Link cant open heroku urlReact Link无法打开heroku url
【发布时间】：2020-12-11 20:37:51
【问题描述】：

我试图在我的 react 项目中创建一个链接以打开使用 Heroku 部署的另一个项目，但是当我单击该链接时，页面的 url 变为 http://localhost:3000/mytrellos.herokuapp.com https://mytrellos.herokuapp.com/ 所以页面无法渲染。谁能告诉我问题是什么？这是我的代码：

       <Link to="mytrellos.herokuapp.com/" target="_blank">
            Visit Website
            </Link>
```

【问题讨论】：

Link only “在您的应用程序周围提供声明性、可访问的导航。”所以不要链接到外部 URL，为此使用锚 (<a />) 标记。一种可能的解决方案是创建您自己的自定义“链接”组件，该组件根据路径前缀呈现一个或另一个，即如果它以“https://”开头。

标签： reactjs heroku hyperlink react-router-dom

【解决方案1】：

所以你也需要添加链接的协议，否则它会将链接 url 附加到当前的 windows url。

所以<a href="mytrellos.herokuapp.com/"></a> 转到http://localhost:3000/mytrellos.herokuapp.com

您可以为此使用普通的锚标记，因为这样做的目的只是在新标签中打开一个链接

<a href="https://mytrellos.herokuapp.com/" target="_blank">
   Visit Website
</a>

这应该可以工作

【讨论】：