angle2アプリケーションでHTTP_ACCESS_CONTROL_REQUEST_HEADERSヘッダーのみを設定できます

Question

フロントエンドで設定されたヘッダーに問題があります。 基本データ：frontend（angular2）、backend（sinatra）。私は認証キーでバックエンドにリクエストを送信したい。私はクロスドメイン要求を使用しているため、バックエンドのAccess-Control-Allow-Originヘッダーについて知っています。私はsinatra-cross_originの宝石を使っています。 送信するためのコード：

const headers = new Headers({'Authorization': 'key'}); 
    return this.http.get("http://0.0.0.0:9292/api/products", {headers: headers}) 
    .map(this.extractData) 
    .catch(this.handleError); 

しかし、私は、バックエンドにリクエストヘッダに見たときに - 私は、カスタム設定ヘッダーにはどうすればよい

'HTTP_ACCESS_CONTROL_REQUEST_HEADERS' => authorization 

参照してください？エラーはどこですか？

私はJWTキー、およびサーバ側を送信しようと、私はポストマンからのリクエストを送信した場合、私はチュートリアル https://devblast.com/b/cors-with-angular-js-and-sinatra のように作成する - すべてが働いています。

Answer 1

私はあなたが、WEB APIの「HTTP_ACCESS_CONTROL_REQUEST_HEADERS」を有効に以下のコード

app.UseCors(builder => builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader());