Ruby on Rails とReact.js で作るWEBアプリケーションのクロスドメイン対応

課題

RailsのサーバーをAPIサーバー化して、フロントをReact.jsで構築した際にhttpリクエストを投げるとクロスドメインで弾かれる。

対応

Railsのサーバー側に変更を加える事で問題は解決できる。

① gemの導入

・rack-corsを追加

 gem 'rack-cors', :require => 'rack/cors'

② config/application を編集
・編集

config.middleware.use Rack::Cors do
 allow do
  origins '*'
  resource '*', :headers => :any, :methods => [:get, :post, :options]
 end
end

を追記。

上記を行うことでクロスドメインを受け付けることが可能となる。