通过域名访问React+Rails后端（Nginx反向代理）时出现Invalid Host header错误

1. 修正serve启动配置 #

用serve启动生产构建的React应用时，默认会校验Host头，别去改node_modules里的临时配置（重构或重启就失效），直接在启动时指定允许的主机：

• 临时启动命令：serve -s build --host bt_tokens.jzisser.com
• 或者修改项目package.json的启动脚本，方便后续复用：

  "scripts": {
    "start:prod": "serve -s build --host bt_tokens.jzisser.com"
  }
  

如果只是测试需要允许所有主机，可加--allowed-hosts all参数（不确定参数名的话，执行serve --help查看版本对应参数）。

2. 检查Nginx Proxy Manager代理配置 #

确保反向代理的请求头传递逻辑正确：

• 确认自定义Headers里的Host头值确实是bt_tokens.jzisser.com，且没有被其他配置项覆盖。
• 补充添加转发头，避免服务端获取不到真实请求信息：
  • X-Forwarded-For: $remote_addr
  • X-Forwarded-Proto: $scheme
• 核对代理的目标URL是否准确指向serve服务的地址（比如http://localhost:3000，根据你的实际监听端口调整），路径不要多写或少写。

3. 排查Rails后端的Host白名单 #

Rails默认有Host校验机制，可能直接拦截非白名单的请求：

• 打开Rails项目的config/environments/production.rb，找到config.hosts配置，添加你的域名：

  config.hosts << "bt_tokens.jzisser.com"
  # 若需要允许所有jzisser.com子域名，可用通配符：
  # config.hosts << /.*\.jzisser\.com/
  

• 修改后重启Rails后端服务，确保配置生效。

4. 验证Rails的CORS配置 #

即便同服务器，子域名请求也可能触发跨域检查，确认rack-cors配置正确：

• 确保rack-cors gem已安装，在config/initializers/cors.rb中添加：

  Rails.application.config.middleware.insert_before 0, Rack::Cors do
    allow do
      origins "bt_tokens.jzisser.com"
      resource "*", headers: :any, methods: [:get, :post, :put, :patch, :delete, :options, :head]
    end
  end
  

• 重启Rails服务。

5. 日志与本地测试定位问题 #

• 在服务器本地用curl测试serve服务：curl -H "Host: bt_tokens.jzisser.com" http://localhost:3000，看是否能返回正常页面，排除serve本身的问题。
• 查看Nginx Proxy Manager的日志（通常在/data/logs/nginx目录）和Rails生产日志（log/production.log），从日志里找具体的错误详情，定位请求失败的环节。

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