Working Angualrjs＆Web api 2ポート別のプロブラム

Question

私はASP.NET WebAPI 2と一緒にAngularJSアプリケーションを開発しました。アプリケーション構造はウェブサイトレイヤー、データアクセスレイヤー（エンティティFW）、WebApiレイヤー がすべてうまく動作するはずです。

私のウェブサイトはhttp://localhost:8080で実行され、WebAPIはhttp://localhost:1696/api/albumで実行されているという問題があります。したがって、私は角サービスを通じてデータにアクセスすることはできません。私は恒久的な解決策を探しています。

私はCORSの方が良い解決策ですか？

Answer 1

通常、WebAPI設定またはweb.configのいずれかに設定を追加することで、実際にCORSを設定する必要があります。 web.configで

config.EnableCors(new EnableCorsAttribute("*", "*", "*")); 

それは次のようになります：あなたは次のように指定する必要がありWebAPIの構成の場合

もちろん

​​

が、これはすべて起源を許可し、あなたが持っているので、状況に応じてlocalhost:8080に変更してください。異なるポートは異なる起点であることを覚えておいてください。localhostを指定するだけでは不十分です。ポートも追加する必要があります。

プロダクションに移行する際には、もちろんビルドサーバー経由で正しいCORSの場所を設定する必要がありますが、これは全く異なるトピックです。