如何在应用程序级别为react-router设置基本URL？

Question

我有一个用create-react-app创建的应用程序,我想安装在我网站的子目录中.建议的方法是添加process.env.PUBLIC_URLbaseurl.即:

<Route exact path={`${process.env.PUBLIC_URL}/signin`} component={SigninPage}/>

现在有一种方法可以在应用程序级别设置它,所以我不必在每个Routes或Links或NavLinks上复制这段代码吗？

谢谢!

Answer 1

您可以将其设置为basename您的Router,这里是反应路由器文档的链接:basenameinBrowserRouter和basenameinHashRouter.它看起来像这样:

<Router basename={process.env.PUBLIC_URL}>
</Router>