React应用迁移至Railway后，http-server与react-router生产环境异常

你的核心问题是React单页应用（SPA）的路由 fallback 逻辑未正确配置，同时http-server的代理参数用法错误，加上Railway环境下的API代理路径需要调整。

1. SPA路由404的根源 #

React SPA的前端路由（如/random）由浏览器端的React Router处理，直接在地址栏访问这类路由时，服务器需要将所有未匹配到静态资源的请求转发到index.html，让React Router接管路由逻辑。你之前用Nginx的try_files $uri /index.html就是实现这个逻辑，但http-server默认不支持该行为，且你之前的--proxy参数配置错误，未实现fallback到index.html。

2. 快速解决：替换为支持SPA的静态服务器 #

推荐用serve替代http-server，它内置SPA路由支持，配置更简单：

• 安装依赖：

  npm install -D serve
  

• 修改Railway的启动命令为：

  serve -s build -l $PORT
  

  -s参数启用SPA模式，自动将所有未匹配到静态资源的请求转发到index.html，直接解决路由404问题。

3. 若坚持使用http-server的配置方案 #

如果一定要用http-server，需调整--proxy参数实现路由fallback，正确的启动命令为：

npx http-server ./build -p $PORT -a :: --proxy http://localhost:$PORT/index.html

该配置会让所有找不到的请求代理到index.html，实现和Nginxtry_files相同的效果。

4. API代理的调整（关键） #

你之前Nginx里的/api/代理到http://127.0.0.1:3001，但在Railway环境中，localhost:3001指向前端容器本身，而非你的Express后端服务。

解决方法：

• 若后端也部署在Railway上，将React应用中API请求的base URL改为后端服务的Railway域名（例如https://your-backend-service.up.railway.app/api/）。
• 不要依赖前端容器内的localhost代理，直接让前端请求后端的公开地址。

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