2016-11-30 9 views
0

ヒーローズチュートリアルのAngular 2ツアーをTに従いました。ヒーローの表示を成功させました(従業員に名前を変更しました)。角2、ローカルホストから読み取ることができません

ただし、このチュートリアルでは、メモリ内モックWebサーバーを使用しています。私は私の春ブートバックエンドから(JSONを表示する)ローカルホストのURLを渡すしようとすると、私はこのエラーを取得する:

XMLHttpRequest cannot load http://localhost:8080/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access 

しかし、私は例えば、オンラインのウェブAPIを使用することにした場合:

https://jsonplaceholder.typicode.com/users

それは完全に正常に動作します。

ご協力いただければ幸いです。

+0

見えます。 –

+0

API CORSを有効にする必要があります。 –

+0

@RavinderKumarはい、ありがとうございました、それは問題でした。私は以下の解決策として追加しました。 – Razor88

答えて

1

本当に重複した質問がありました(私の問題は解決していないようです)。彼らのうちの1人が私を正しい軌道に乗せたことが分かります。私はちょうど入れなければならなかった

@CrossOrigin(origin ="http://localhost:3000") 

春の私のコントローラクラスの上に。これにより、春にCORSが有効になりました。

詳細については、少なくとも20の重複した質問がありますが、ここで

https://spring.io/blog/2015/06/08/cors-support-in-spring-framework

関連する問題