プリフライトの応答に無効なHTTPステータスコードがあります。404 - 角度4とWeb API 2

Question

サービスでは、Web API（2）（フロントエンドの角度4アプリケーションとは別のサーバーでホストされています）情報

アクションメソッドは、アプリケーションにログインした後に受け取るアクセストークンを使用して、私がやっている承認が必要です。さて、コードはマイクロソフトのエッジで正常に動作しますが、CORSの問題であると思われるクロムのプリフライトエラーが発生します。これを解決する方法がわかりません。誰かがこれで私を助けることができますか？

ここは私のコードです。

getCompanyInfo(id: string) { 
    let headers = new Headers({ 
     'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', 
     'Authorization': 'Bearer ' + this.commonService.accessToken 
    }); 
    let options = new RequestOptions({ headers: headers }); 
    let getRequestUrl = this.commonService.baseUrl + 'api/getCompanyInfo'; 

    return this.http.get(getRequestUrl + '/' + id, options) 
     .map((res: any) => <CompanyInfoModel>res.json()) 
     .do(response => console.log(response)) 
     .catch(this.commonService.handleError); 
    } 

注意：これは問題なく動作します。

1. 私はWeb APIへのアクセス許可を使用せず、ヘッダーからトークンを削除します。

2. ヘッダーにAccessトークンの有無にかかわらずMicrosoftのエッジ。

Answer 1

以下を除いて何も働かなかった。どこでMicrosoft.Owin.Corsをインポートして、Web APIのStartup.Auth.csのConfigureAuthメソッドの先頭にこの行のコードを追加する必要がありましたか。

app.UseCors(CorsOptions.AllowAll); 

ご注意： - Web.configとWebApiConfig.csからCORSを有効にするためのすべての設定を削除します。それ以外の場合は、重複した実装について不平を言います。

私は必要に応じてthis.http.get`は、まず自分自身でOPTIONS要求を行うの世話をする `を想定:-)