使用哈希 url 响应路由器

Question

我是新来的反应。我想将 React Router 实现为哈希 url。例如，我需要在react-router中使用#/list url，但默认情况下react使用/list url。如何在react中实现hash url？

Answer 1

您可以使用 HashURL，通过使用 HashRouter 而不是 BrowserRouter 进行路由器配置

import { HashRouter, Route } from 'react-router-dom';

render() {
    return <HashRouter>
         <Route path="/" component={Home} />
    </HashRouter>

}

如果您使用的是react-router v3或更低版本，您需要指定hashHistoryRouter

import { Router, Route, hashHistory } from 'react-router';

render() {
    return <Router history={hashHistory}>
         <Route path="/" component={Home} />
    </Router>

}