reactjs - 使用哈希 url 反应路由器

Question

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

标签： reactjsreact-router

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>

}