如何将NodeJS MySQL集成到React应用，实现npm start自动执行server.js

要让执行npm start时自动启动React应用并建立MySQL连接，你可以通过修改项目的package.json脚本，使用并发进程工具同时运行React开发服务器和你的server.js文件，具体步骤如下：

1. 安装并发进程工具 #

首先需要安装concurrently，它可以让我们在同一终端中同时运行多个命令，作为开发依赖安装即可：

npm install --save-dev concurrently

2. 修改package.json的启动脚本 #

打开你的package.json文件，找到scripts部分。假设你原来的start命令是启动React开发服务器（比如react-scripts start），现在把它修改为同时启动React和你的Node服务器：

"scripts": {
  "start": "concurrently \"react-scripts start\" \"node Server/server.js\"",
  "start:client": "react-scripts start", // 保留单独启动前端的命令
  "start:server": "node Server/server.js" // 保留单独启动后端的命令
}

注意：如果你的React应用不是用react-scripts启动的（比如用webpack-dev-server），把react-scripts start替换成你原来的前端启动命令即可。

3. 验证效果 #

现在执行npm start，你会看到终端同时输出React应用的启动日志和server.js里的Connected!提示，说明MySQL连接已经自动建立了。

额外注意事项 #

• 端口冲突问题：如果你的server.js里还启动了HTTP服务（比如用Express），要确保它的端口和React开发服务器的端口（你这里是8080）不一样，比如把后端端口设为3001，避免冲突。
• API代理配置：如果React应用需要调用后端API，可以在package.json里添加代理配置，比如：

  "proxy": "http://localhost:3001"
  

  这样React里的API请求（比如fetch('/api/users')）会自动转发到后端服务器的对应路径。
• MySQL连接稳定性：你的现有server.js连接代码在出错时会直接抛出错误终止进程，建议后续可以添加错误重连逻辑，保证服务的稳定性。

内容的提问来源于stack exchange，提问作者Matarishvan