Webアプリを開発時に、クロスドメイン制約でAPIと通信が出来なかったので、開発環境側で対応する方法を考えて見ました。 外部公開用のAPIであれば、サーバー側でCORS仕様に対応する必要があるのでさっさと対応してもらいましょう。 →外部公開のAPIサービス見た所 Originを超えたアクセスを許可するヘッダーを返しているサービスが見当たらずJSONP等の対応が多いように感じました。 今回の場合では、運用環境ではAPIとWebアプリは同じドメイン上に存在し、開発時にlocalhostとAPIでクロスドメインになってしまうというパターンです。 どうやって対応するの? Web Debugging Proxy を使うか SPA開発時に利用するビルドツールの proxy 機能を利用します。 Fiddler (Windowsのみ, 無料) Charles (Windows/Mac/Linux, 有料
![開発時にクロスドメインAPIと戦う CORS - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d4a7bdbd6f1b20615770551445c48f852aea5a4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-1150d8b18a7c15795b701a55ae908f94.png%3Fixlib%3Drb-1.2.2%26w%3D1200%26mark%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D380%2526txt%253D%2525E9%252596%25258B%2525E7%252599%2525BA%2525E6%252599%252582%2525E3%252581%2525AB%2525E3%252582%2525AF%2525E3%252583%2525AD%2525E3%252582%2525B9%2525E3%252583%252589%2525E3%252583%2525A1%2525E3%252582%2525A4%2525E3%252583%2525B3API%2525E3%252581%2525A8%2525E6%252588%2525A6%2525E3%252581%252586%252520CORS%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D54%2526txt-clip%253Dellipsis%2526txt-align%253Dcenter%25252Cmiddle%2526s%253Df65b2bac0fb848c3db1fdff6a6187d57%26mark-align%3Dcenter%252Cmiddle%26blend%3Dhttps%253A%252F%252Fqiita-user-contents.imgix.net%252F~text%253Fixlib%253Drb-1.2.2%2526w%253D840%2526h%253D500%2526txt%253D%252540ngyoi%2526txt-color%253D%252523333%2526txt-font%253DAvenir-Black%2526txt-size%253D45%2526txt-align%253Dright%25252Cbottom%2526s%253D0de778c774b35d0da0a54a684ca7bcd7%26blend-align%3Dcenter%252Cmiddle%26blend-mode%3Dnormal%26s%3De23c631a7e6add9daf1bc2dce14d8b71)