2017-06-16 8 views
1

午前の初心者は、Amは、HTTP GETリクエストを使用して、私のサーバーからリストを取得しようとしているときに問題...いいえ「アクセス制御 - 許可 - 起源」の角2への展開

ブラウザでは、このエラー のXMLHttpRequestをロードすることはできませんスローhttp://localhost:8080/student/list。要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しません。 Origin 'http://localhost:4200'はアクセスできません。 student.service.ts:48 0 - { "isTrusted":真}

私は今、すべてが正常に動作ググと https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi -制御できるように、原点を許す追加...それがなければ

私が追加されましたserve.jsに次の行が、 ヘッダなし使用:{「アクセス制御 - 許可 - 起源」:「*」}、

しかし、どのように上記のショートカットせずにこの仕事をするために...

おかげでアドバンス

+0

これはショートカットではありません。これはどのように行うべきかです。 – Supamiu

+0

しかし、私はプラグインをクロムの右に追加すると私の顧客を言うことができない???展開後にお話ししています –

+0

ああ、あなたのサーバーにヘッダーを追加する必要があります、私はクロームプラグインについての部分を見ていない、これはサーバー側で処理する必要があります、それは角度の問題ではない.. – Supamiu

答えて

2

CORSはブラウザのセキュリティ機能です。回避するのはバグではなく、あなたが遵守すべきものです。

配備時にAngular SPAとバックエンドの両方を同じオリジンから(たとえば、リバースプロキシを使用して)提供するか、バックエンドのCORSヘッダーを設定する必要があります。

関連する問題