使用快速路由显示 React 页面答案

【问题标题】：Use express route to show React page使用快速路由显示 React 页面
【发布时间】：2020-05-13 21:35:31
【问题描述】：

所以我正在尝试将我的 React 应用程序连接到快速路由 - 到目前为止，对于我的服务器，我有

const express = require('express');
const app = express();
const port = 5000;

app.use('/test', require('./client/src/App'));

app.listen(port, () => console.log(`Server started on port ${port}`));

我希望能够访问 localhost:5000/test 并显示我的 create-react-app (./client/src/App)。

我的服务器在 5000 上运行，React 在 3000 上运行。

我意识到 React 有自己的路由，但我想知道这种方式是否可行。

【问题讨论】：

标签： javascript reactjs express routing

【解决方案1】：

Express 用于服务器端应用程序，react 用于客户端应用程序，两者都是不同的应用程序，因此您无法使用 express 渲染反应页面，唯一的方法是 SSR（服务器端渲染），没有那个是不可能的。

【讨论】：

【解决方案2】：

如果你想使用这样的快速路由，你可能只能使用 react 构建而不是 react 源来做到这一点。

否则，如果您想要 react 开发环境（假设在 localhost:3000 上运行），您应该能够在 express 或 nginx 上使用反向代理。

【讨论】：

【解决方案3】：

这样不行。 Express.js 不知道像 react 这样的东西。您需要使用react-router 处理react 应用程序的路由，而不是这样。

Express.js 只负责在express 而不是react 的上下文中创建端点。

【讨论】：