ReactJS部署疑难：Express返回index.html空白，serve -s build正常，如何处理？

首先明确：不需要在GET请求里运行serve -s build，Express本身就能完成部署，问题出在你没正确配置静态资源和路由 fallback。

核心问题原因 #

你直接返回index.html时，没有让Express托管打包后的静态资源（JS、CSS、图片等），导致页面里的脚本文件加载失败，所以显示空白。另外你手动加的<script src="../src/index.js">完全错误——上线环境应该用打包后的build目录里的资源，不是源码目录src里的文件，而且路径也不匹配。

正确的Express配置步骤 #

1. 确保你已经执行了项目的打包命令，生成了build目录（比如React/Vue框架默认用npm run build）。
2. 修改你的Express代码，添加静态资源托管和SPA路由 fallback：

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

// 托管build目录下的所有静态资源（JS、CSS、图片等）
app.use(express.static(path.join(__dirname, 'build')));

// 处理所有GET请求，返回index.html（适配SPA的前端路由）
app.get('*', (req, res) => {
  res.sendFile(path.join(__dirname, 'build', 'index.html'));
});

// 启动服务
const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`服务运行在端口 ${PORT}`);
});

部署流程 #

• 安装依赖：执行npm install express path
• 启动服务：开发环境用node server.js，生产环境推荐用pm2 start server.js这类进程管理器保持服务稳定运行

这样配置后，Express会正确托管build里的静态资源，同时处理所有路由请求返回index.html，和serve -s build的效果一致，页面就能正常渲染JS了。

内容的提问来源于stack exchange，提问作者Some guy 101