<p>假设我的应用的基本网址是 <em>example.com/app</em></p> <p>是否可以在react-router中设置基本路由，而不是将所有路由写为</p> <pre class="brush:php;toolbar:false;">/app/a /app/b /app/c</pre> <p>我可以将它们指定为</p> <pre class="brush:php;toolbar:false;">a b c</pre> <p>我尝试了在文档中找到的以下示例，但它不起作用（页面不会显示任何内容）。也许是因为我使用的是react-router@3.0.0-alpha.1，或者我做错了什么。 </p> <pre class="brush:php;toolbar:false;">import { useRouterHistory } from 'react-router' import { createHistory } from 'history' const history = useRouterHistory(createHistory)({ basename: '/app' }) const Root = ({store}) =&gt; ( &lt;Provider store={store}&gt; &lt;Router history={history}&gt; &lt;Route path='/' component={App}&gt; ... &lt;/Route&gt; &lt;/Router&gt; &lt;/Provider&gt; )</pre> <p><br /></p>

const App: React.FC = () => {
  // do not put a slash at the end of the basename value.
  const history = createBrowserHistory({ basename: '/your-base-name' });

  return <Router history={history}>
           ...
         </Router>;
}

<BrowserRouter basename="/calendar">
  <Link to="/today"/> // renders <a href="/calendar/today">
</BrowserRouter>