2017-07-11 15 views
0

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") 

      ); 
} 
+0

あなたは私たちに 'にconsole.log(this.endpoint)のログを与えることができますか;'? – trichetriche

+0

あなたのアプリケーションとエンドポイントが異なるポートにあるため、おそらくCORSの問題があります。 –

+0

[ドメイン間リクエスト(Angular 2)を作成するにはどうすればいいですか?](https://stackoverflow.com/questions/34790051/how-to-create-cross-domain-request-angular-2) – echonax

答えて

0

で作られたポスト要求CROSの問題でなければなりません。詳細については、コンソールログを確認してください。

Chromeを使用している場合は、--disable-web-securityをChromeショートカットに追加してみてください。

Disble Web Security

+0

がリクエストされました – Sundhar

関連する問題