首页 > 解决方案 > 如何使用 React Router 将旧的哈希链接重定向到新链接?

问题描述

我有一个旧链接,例如:

/#!/login

我想将它重定向到:

/login

如何使用反应路由器进行重定向?

标签: reactjsreact-router

解决方案


这是您使用反应路由器重定向哈希链接的方式:

<Redirect from="/#!/login" to="/login" />

你可以在下面添加<Router \>

export const App = () => (
    <Router>
        <div>
            <Navbar />
            <Route exact path="/" component={Home} />
            <Route path="/home" component={Home} />
            <Redirect to="/home" from="/#!/home" />
        </div>
    </Router>
);

推荐阅读