React 中的子域路由

Question

我正在尝试使用 react-router v5 为 React 构建多用途网站进行路由。 对于普通路由，我们有类似的路由

本地主机：3000/帖子 本地主机：3000/画廊

但对于其他一些情况，我想拥有子域让我们说博客。

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>
  );
}

Answer 1

这是不可能的，React 不是 Web 服务器，React 是单页应用程序。您必须在该子域上托管另一个 React 应用程序。