在单页应用程序中，按下后退按钮重定向到欢迎页面

Question

我有一个反应单页应用程序，所以在按下后退按钮时，它会按预期将我重定向到欢迎页面。现在由于一些要求，我必须在两者之间更新应用程序的URL，因此，如果现在我按下后退按钮，它首先将我重定向到旧的URL页面然后欢迎页面。 如何控制此行为，即使在更新URL后，用户也应该直接重定向到按下后退按钮的欢迎页面。

Answer 1

  

我认为你可以在这里使用 react-router-dom 。 react-router-dom 中提供了链接元素，可以解决您的问题。

     

例如：，您可以尝试这样的事情   <Link to="/welcomePage" >Back</Link>

     

有关详情，请参阅以下文档 react-router-dom document

Answer 2

我不知道如何使用react路由器，但你可以使用window.history.pushState（）来解决你的问题。在第三个组件中，将以下代码添加到render（）方法中。

window.history.pushState(null, null, '/your-welcome-page-url');

它会将当前网址更改为欢迎网页网址而不重新加载网页;当您按下浏览器后退按钮时，浏览器将被重定向到欢迎页面。