angualr4 http投稿要求に奇妙な問題があります。つまり、完全バックエンドサーバAPI URL「http://localhost:9090/api/login」を使用していません。しかし、私は単純に '/ api/login'を使用します。それはhttp://localhost:4200/api/login "私のコードです.belowは、バックエンドサーバでangular4のhttp投稿リクエストを作成できません
authentication.service.ts
認証(モデル){
console.log('this.globalConstant.apiLoginURL',this.globalConstant.apiLoginURL);
console.log('this.apiLoginURL',this.apiLoginURL);
let headers = new Headers({ 'Content-Type': 'application/json' }); // ... Set content type to JSON
let options = new RequestOptions({ headers: headers }); // Create a request option
let bodyString = JSON.stringify(model); // Stringify payload
console.log('headers==>'+headers);
console.log('options==>'+options);
console.log('bodyString==>'+bodyString);
return this.http.post(this.endpoint+'/api/login', bodyString, options)
.map(this.extractData)
.catch(this.handleError);
}
login.component.ts
login() {
this.newsDataService.authenticate(this.account)
.subscribe(
data => {
this.router.navigate([this.returnUrl]);
},
error => {
this.alertService.error(error);
console.log('alertService==>'+error);
},
() => console.log("Finished")
);
}
あなたは私たちに 'にconsole.log(this.endpoint)のログを与えることができますか;'? – trichetriche
あなたのアプリケーションとエンドポイントが異なるポートにあるため、おそらくCORSの問題があります。 –
[ドメイン間リクエスト(Angular 2)を作成するにはどうすればいいですか?](https://stackoverflow.com/questions/34790051/how-to-create-cross-domain-request-angular-2) – echonax