railsとAngularでクロスドメインエラーを回避する方法
Angular(localhost:4000)から、railsで作成したAPI(localhost:3000)へアクセスするときに、以下のエラーメッセージが出力される。
No 'Access-Control-Allow-Origin' header is present on the requested resource
これを回避するには、rails側で対応すればよい。
具体的には以下の3つをすればよい。
- Gemfileに gem 'rack-cors' を記載(コメントがついていたらコメントアウトする)#最初は説明文までコメントアウトしないように!
- Railsのconfig/initializers/cors.rbのコメントアウトを外す。
- originsは*にする
以下のサイトを参考にしました。
ktmry.hatenablog.com