javascript - React-Router:将我的 url 从 hashHistory 重定向到 browserHistory

Question

我最近对我的代码进行了更改，以在我的 React-Router 中使用 browserHistory 而不是 hashHistory。尽管我工作的网站的某些用户可能已将带有哈希的 URL 添加为书签。

旧 url 看起来像 www.mywebsite.com/#/page?query=param 我想确保如果有人将它添加为书签，它会被重定向到 www.mywebsite。 com/page?query=param.

看起来这种重定向对于 .htaccess 是不可能的，所以我想知道最干净的方法是什么？

谢谢。

Answer 1

在您的主要组件中，您大概渲染了一个 {this.props.children}您可以通过调用 this.props.location.pathname 访问当前 url如果 url 包含哈希，您可以将其剥离并将用户重定向到他们想要访问的 url。

这仅在用户首次从其他任何地方返回您的网站时有效，但如果他们已经在您的网站上并使用书签转到网站上的其他地方，我认为这不会有效。原因是主组件的 componentDidMount 仅在初始加载或实际页面刷新时触发。

希望这对您有所帮助。