如何为React应用程序配置动态子路径

Question

我想使用子路径（子目录路径）部署我的反应应用程序，但我不想在反应应用程序中设置子目录/路径名称，因为该子目录名称将来可能会更改。

如何在 React 应用程序级别进行配置，因为它可以适用于服务器端的任何子目录名称，这些子目录名称不会在 React 应用程序级别进行硬编码，并且它将作为应用程序 url 的子路径。

例如。https://www.dummyname.com/anysubpath

Answer 1

您可以创建一个可重用的 HOC 并处理其中的服务器数据逻辑，并将其传递给pathreact-router 中的属性。

对于动态路径（slug），请使用如下动态路由：

<Route path="/some-path/:slug" component={SomeComponent} />

更多细节请参考React router动态路由