如何為反應應用程序配置動態子路徑

Question

我想用子路徑（子目錄路徑）部署我的反應應用程序，但我不想在反應應用程序中設置子目錄/路徑名稱，因為這個子目錄名稱將來可能會改變。

如何在反應應用程序級別進行配置，因為它可以用於服務器端的任何子目錄名稱，這些子目錄名稱不會在反應應用程序級別進行硬編碼，它將作為應用程序 url 的子路徑。

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

Answer 1

您可以創建一個可重用的 HOC 並在其中處理服務器數據的邏輯，並將其傳遞給 react-router 中的path屬性。

對於動態路徑（slug），使用如下動態路由：

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

有關更多詳細信息，請參閱React 路由器動態路由