ハムハムブログ

自分への備忘録

railsとAngularでクロスドメインエラーを回避する方法

Angular(localhost:4000)から、railsで作成したAPIlocalhost:3000)へアクセスするときに、以下のエラーメッセージが出力される。


No 'Access-Control-Allow-Origin' header is present on the requested resource


これを回避するには、rails側で対応すればよい。
具体的には以下の3つをすればよい。

  1. Gemfileに gem 'rack-cors' を記載(コメントがついていたらコメントアウトする)#最初は説明文までコメントアウトしないように!
  2. Railsのconfig/initializers/cors.rbのコメントアウトを外す。
  3. originsは*にする


以下のサイトを参考にしました。
ktmry.hatenablog.com