Angular2取得ベアラトークンWeb API

Question

私はasp.net web apiを使用しており、ベアラトークンを使用してユーザを認証したいと考えています。

私は私がCORSを有効にしなかったにもかかわらず、 Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource古き良きを取得し、ユーザーを提出し、私のコミュサービス

submitLogin():void{ 
    this.user = this.loginForm.value; 
    this._commServe.login(this.user).subscribe(() => { 
    this.successMessage = "logged in"; 
    }, 
    error => this.errorMessage = <any>error 
) 

} 

を呼び出し、これは、ログイン

login(user: User) { 
    var headers = new Headers(); 
    headers.append('Content-Type', 'application/x-www-form-urlencoded'); 
    headers.append('grant_type', 'password'); 
    var body = JSON.stringify(user); 
    return this.http.post(baseUrl + "MeetingSchedulingService/Token" 
    , body, { headers: headers }) 
    .catch(this.handleError); 
} 

である私のログインページで

サービス。

これに応じて上記のコードを修正するにはどうすればよいですか。

種類について

Answer 1

私はあなたの問題を理解しています。私はangular2とjwtを使用し、ログインがOKだったときに私のWSからトークンを取得します。次に、すべての要求にユーザートークンが含まれます。 あなたのwebserviceで、 '/ auth'というルートにAuthorization: Bearerヘッダーが必要ないと定義する必要があるかもしれません。