如何将 React 添加到 Express.js

Question

我已经有了 express 生成器的基本文件。 现在我想将 react 添加到我的 express 文件夹并将 react 与 express 集成。我该怎么办？

Answer 1

在您的 express 文件中，您需要将您的 react 文件夹链接为静态资产。

const express = require('express')
const path = require('path')

const app = express()

app.use(express.static(path.join(__dirname, 'client/build'))); // this is where your built react js files are

app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname+'/client/build/index.html'));
}); // this makes sure that all paths access your react.js files

在开发过程中，您可以通过在 package.json 中添加代理选项来访问您的 express 应用

例如，当您以

开头时

node index.js

当您指定另一个端口（如 localhost:5000）时，它将在 localhost:3000 或其他地方提供服务

为了访问 json 或您的 express 应用发送的数据，您需要在 客户端的 package.json 中设置一个代理。代理用于访问要访问的数据，因此在您的客户端连接到本地主机之前，它会通过该代理来访问正在发送的数据

例如，如果您的 express 应用在 localhost:5000 上运行，请将以下内容添加到您的客户端 package.json

"proxy": "http://localhost:5000"

所以先启动你的 express 应用，然后再启动你的 react 应用，你将把你的 react 应用和你的 express 服务器结合起来。