私のアプリケーションにwebpack angular2スターターキット(https://github.com/AngularClass/angular2-webpack-starter)を使用しています。問題が発生しました。CORS ISSUE in Angular2
は私が
getSomeData(): Observable<any> {
let url = here is my api URL;
let headers = new Headers({ 'Content-Type': 'application/json; charset=utf-8', "Access-Control-Allow-Origin": "*", 'dataType': 'json', });
let options = new RequestOptions({ headers: headers });
return this._http.get(url, options).map(res => res.json());
}
を呼び出しますようにしようと、私は次のエラーを持っている
のXMLHttpRequestをロードすることはできません(私のURL)プリフライトリクエストへの応答は、アクセス制御チェックに合格しない:いいえ「のアクセスを-Control-Allow-Origin 'ヘッダーは、要求されたリソース上に存在します。 Origin 'http://localhost:3000'はアクセスできません。応答はHTTPステータスコード405でした。
このApi(Firebirdを使用しています)はデフォルトでXMLを返しますが、これは問題の原因になる可能性があります。
- これはいつもJSONになったのですか?
- CORSでこの問題を解決するにはどうすればよいですか?
バックエンドがデータを提供している方法は?エクスプレスで? – rinukkusu
Expressの場合は、このパッケージを使用し、指示に従ってください:https://www.npmjs.com/package/cors – rinukkusu