Ionic 2 - Angular 2 http Header werden nicht mit der Anfrage gesendet

Question

Ich arbeite in der neuesten Beta-Version von Ionic und ich habe eine HTTP-Post-Methode auf meinem API-Server. Die Header werden jedoch nicht mit der Anfrage gesendet. Der Code, den ich verwendet habe, ist wie folgt: ** Ionic Version - Beta-8 & abgewinkelte Ausführung -rc.3

import {Page,App,NavParams} from 'ionic-angular'; 
import {Headers, Http, RequestOptions} from '@angular/http'; 
import {Component} from '@angular/core'; 
import 'rxjs/add/operator/map'; 

@Component({ 
    templateUrl : 'build/pages/xyz/xyz.html' 
}) 

export class Xyz{ 

    form:any; 
    token:any; 
    constructor(public app:App, navParams:NavParams, public http:Http){ 

     let code = {abc : 'abc'}; 
     let headers = new Headers(); 
     let body = JSON.stringify(code); 
     headers.append('Content-Type', 'application/json'); 
     headers.append('Authorization', 'Bearer ' + "tokenContent"); 
     let options =new RequestOptions({headers : headers, body:body}); 
     this.http.post('http://myserver/myapi', options) 
      .map(res => res.json()) 
      .subscribe(
       data=>{ 
        console.log(data.message); 
       }, 
       err=>{ 
        console.log(err); 
       }, 
       ()=>{ 
        console.log("Process Complete"); 
       } 
      ); 

Wenn ich console.log beide Optionen aussehen Objekt und Header werden die Header gesetzt richtig. Aber wenn ich die HTTP-Anfrage mache, werden sowohl die Header als auch der Body nicht gesendet, wenn ich sie in das Optionsobjekt lege. Aber wenn ich versuche, den Körper allein zu senden, kann ich ihn in der Anfrage-Nutzlast sehen.

Answer 1

Es funktioniert nicht, wenn Sie vom Browser testen .. Bitte überprüfen Sie die Dokumentation im Zusammenhang mit CORS-Anfragen.

http://blog.ionic.io/handling-cors-issues-in-ionic/

Answer 2

Das ist, was sollte für Sie arbeiten, da der zweite Parameter für http.post ist der Körper:

headers.append('Content-Type', 'application/json'); 
headers.append('Authorization', 'Bearer ' + "tokenContent"); 
let options = new RequestOptions({ headers: headers }); 

this.http.post('http://myserver/myapi', body, options) 
    .map(... 

Answer 3

Prüfen Sie zunächst, ob dieses Problem für CORS ist oder nicht.

Versuchen Sie auch, den Code unten:

let headers = new Headers(); 
headers.append('Content-Type','application/x-www-form-urlencoded; charset=UTF-8'); 
this.http.post(`${this.link}`,'sRequest=' + sRequest1,{ headers: headers });