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

IT技术 reactjs react-router-v4 create-react-app base-url
2021-05-18 18:42:45

我有一个使用 create-react-app 创建的应用程序,我想将其安装在我网站的子目录中。推荐的方法是添加process.env.PUBLIC_URL为 baseurl。IE:

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

现在有没有一种方法可以在应用程序级别设置它,这样我就不必在每个路由或链接或导航链接上复制这段代码?

谢谢!

1个回答

您可以将其设置为basename您的Router,这里是 react 路由器文档的链接:basenameinBrowserRouterbasenameinHashRouter它看起来像这样:

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