Я пытаюсь создать многоцелевой веб-сайт для React, используя для маршрутизации response-router v5. Для нормальной маршрутизации у нас есть маршруты вроде
localhost: 3000 / posts localhost: 3000 / gallery
Но в другом случае я хочу иметь поддомен, скажем, блог.
blog.localhost: 3000 // рендеринг компонента блога
или
subdomain.localhost: 3000 // рендеринг какого-либо компонента.
На данный момент это также отображает тот же компонент, что и localhost: 3000.
Итак, есть ли способ сделать это в ответ?
Текущие маршруты выглядят следующим образом .
function App() {
return (
<React.Fragment>
<React.Suspense fallback={<></>}>
<Router history={history}>
<Switch>
<Redirect exact from="/" to="/home" />
<Route exact path="/login" component={LoginPage} />
<ProtectedRoute exact={true} path="/profile" component={ProfilePage} />
<ProtectedRoute exact={true} path="/home" component={HomePage} />
<ProtectedRoute exact={true} path="/gallery/:subdomain" component={Gallery} />
<Route exact path="/gallery/post/:subdomain/:postid" component={SinglePostView} />
<Route component={PageNotFound} />
</Switch>
</Router>
</React.Suspense>
</React.Fragment>
);
}