Rails+React实现已登录用户创建游戏评价的跨域与NilClass报错排查

你遇到的两个报错并非独立故障：跨域Origin不匹配是底层诱因，nil对象调用id方法的错误是跨域链路打通失败后的连锁反应，不用分开独立排查。

跨域Origin与后端base_url不匹配问题 #

报错本质是本地开发环境下，前端服务运行在3001端口（请求Origin为http://localhost:3001），后端Rails服务运行在3000端口，两个异构端口的请求触发了Rails内置的CORS跨域校验规则。
你之前在生产环境配置里添加config.force_ssl = true的操作完全不解决问题：这个配置是生产环境强制全站走HTTPS的开关，本地HTTP开发环境下根本不会加载对应规则，反而可能在后续生产部署时因为没有有效SSL证书导致页面资源加载异常，建议先把这行误加的配置移除。

修复步骤：

• 引入rack-cors gem处理跨域规则：在Gemfile中添加gem 'rack-cors'，执行bundle install完成安装
• 修改开发环境配置文件config/environments/development.rb，添加跨域放行规则，允许3001端口的前端请求携带登录凭证：

  config.middleware.insert_before 0, Rack::Cors do
    allow do
      origins 'http://localhost:3001'
      resource '*',
        headers: :any,
        methods: [:get, :post, :put, :patch, :delete, :options, :head],
        credentials: true
    end
  end
  

• 重启Rails开发服务让配置生效

NoMethodError: undefined method 'id' for nil:NilClass 报错修复 #

这个报错出现在reviews_controller的create方法第19行，核心触发逻辑是：跨域请求默认不会携带登录后的session cookie，后端无法从请求中识别出已登录用户，最终导致current_user返回nil。如果你的create方法里直接写了类似Review.new(user_id: current_user.id)、或者current_user.reviews.build(...)的逻辑，就会因为对nil对象调用id方法触发报错。

排查与修复步骤：

• 在create方法的入口添加调试日志，打印当前请求的用户识别状态：Rails.logger.info "当前请求识别用户：#{current_user.inspect}"，提交评价请求后查看服务日志，即可确认current_user为nil的状态
• 检查前端的请求配置，确保提交评价时开启了跨域凭证携带：
  • 使用axios发请求时：全局配置添加axios.defaults.withCredentials = true，或单条请求单独配置withCredentials: true
  • 使用原生fetch发请求时：配置项添加credentials: 'include'
• 确认Rails开发环境的cookie配置没有限定访问端口，默认的localhost域配置即可，不需要额外绑定3000端口
• 等current_user可以正常识别为已登录用户对象后，再校验create方法里的游戏关联逻辑：确保通过路由参数传入的game_id能匹配到有效的游戏记录，不要对查找失败的nil对象直接调用属性方法，可添加兜底逻辑避免报错：

  # 带安全校验的create方法示例
  def create
    @game = Game.find_by(id: params[:game_id])
    return redirect_to games_path, alert: "目标游戏不存在" unless @game
    @review = @game.reviews.build(review_params)
    @review.user = current_user
    # 后续保存、跳转逻辑
  end
  

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