2017-04-12 8 views
2

APIを使用してアカウントを作成する簡単なPOSTリクエストを作成しようとしていました。 NETであるが、タイトルには警告として失敗する。 Postman(APIテストツール)で同じリクエストを実行するとステータス200が返されます。すべて正常に動作し、データはデータベースに保存されます。 しかし、私は、これは私のコードで、私のWebアプリケーションで同じことを行うカント:Angular2プリフライト要求に対する応答がアクセス制御チェックを通過しない:要求されたリソースに「Access-Control-Allow-Origin」ヘッダーが存在しない

register(){ 

let details = { 
    Serviceurl: this.serviceUrl, 
    CompanyName: this.companyName, 
    CompanyFullName: this.companyFullName, 
    LanguageCulture: this.languageCulture, 
    IsNewUser: this.isNewUser, 
    User: { 
    UserName: this.userName, 
    FirstName: this.firstName, 
    LastName: this.lastName, 
    Email: this.email, 
    Password: Md5.hashStr(this.password) 
    } 
} 

this.authService.createAccount(details) 
.then((result) => { 

}, (err) => { 

}); 
} 

、その後、私のAuthServiceで要求自体:あなたはありませんを有効にする必要が

createAccount(details){ 

return new Promise((resolve, reject) => { 

    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 

    this.http.post('http://SITEADDRESS/api/IM_Customers/CreateNew', JSON.stringify(details), {headers: headers}) 
     .subscribe(res => { 
     let data = res.json(); 
     resolve(data); 

     }, (err) => { 
     reject(err); 
     }); 

}); 

}

+1

Googleにお試しくださいましたか?これは、ブラウザのCORSポリシーによって引き起こされます。郵便配達はそれを必要としません。 https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS?redirectlocale=en-US&redirectslug=HTTP_access_control#section_5 –

+1

[No 'Access-Control-Allow-Origin]ヘッダーの重複が考えられる2アプリ](http://stackoverflow.com/questions/36002493/no-access-control-allow-origin-header-in-angular-2-app) – n00dl3

+0

私はグーグルでそれを解決しようとしたと私は持っていると思ったこれは有効にされ、何かが私のクライアント側で間違っています –

答えて

2

-Access-Control-APIプロジェクトのOriginを許可します。 APIプロジェクトでは、startup.cs:

public void Configure(IApplicationBuilder app){ 
    app.UseCors(builder=>builder.AllowOrigin().AllowAnyMethod().AllowAnyHeader()); 
} 
関連する問題