reactjs - 如何连接 React 前端和 Express 后端？

Question

所以这是我的泡菜问题:顺便说一句，我在通过谷歌找到如何做到这一点时遇到了一些麻烦，我确实尝试使用 StackOverflow 但找不到确切的答案

所以我有一个使用 ReactJS 的网站

yarn start

运行并在 localhost:3000 上启动我希望它在 localhost:3000 上启动，同时 express 服务器也在该服务器上启动，也就是在 express.js 中启动 react 服务器。

似乎我找到的每个教程，大部分都过时了，剩下的是将 react 变成静态网站然后使用 express 的指南。为了 react-router 的优势，我想在服务器端保持 react

Edit1:所以基本上当我有一个 expressjs 服务器时数据库详细信息已被删除，该行不是错误

const express = require('express'); var app = express();

var mysql = require('mysql'); var connection = mysql.createConnection({ host : database : 'main' });

connection.connect()

app.post('/users', function(req, res) { var user = req.body; res.end('Success'); })

app.listen(3000, function(){ console.log('Express sever is listening on port 3000') })

//connection.end()

我还使用 yarn start 启动了 create-react-app 服务器，它在 localhost:3000 上启动，但是这个 expressjs 服务器覆盖了它。

所以我想把两者连接起来，以便能够发送post请求

Answer 1

我最近刚刚开发了一个实现此策略的示例存储库。有几种方法可以做到这一点，但最简单的方法是将 express 服务器作为第二个服务器启动，该服务器将在不同的端口上运行，即。 3001。然后你可以使用concurrently在单个命令中启动 react 服务器(我假设是 webpack)和快速 API 服务器。

Here is a tutorial这显示了如何设置。您应该注意本教程中有关通过 webpack 服务器代理来自客户端(浏览器)的请求的部分。如果您不通过 webpack 服务器代理请求，则需要考虑一些关于 CORS 配置的注意事项。

Here is my proof of concept repo我在哪里实现了您正在寻找的东西: react 客户端和快速服务器。可以是run via concurrently或与 docker (撰写)。