Angulaire 4 n'inclut pas les en-têtes de requête http

J'essaie très simple angulaire 4 de la requête http.
Lorsque je vérifie les outils de développement chrome, je ne pouvais pas voir les en-têtes http.

const headers: Headers = new Headers();
headers.append('Content-Type', 'application/json');
headers.append('Authorization', 'Bearer: 123213');
this.http.post('https://127.0.0.1:502', JSON.stringify(token), {headers: headers}).subscribe();

suis-je raté quelque chose?

vérifier ceci
juste essayé et ça ne fonctionne pas. :/
J'ai fourni un exemple dans ma réponse, juste vérifié, ça fonctionne pour moi, je suis en utilisant Angulaire v4.x

OriginalL'auteur Bilal Yasar | 2017-06-24

  1. 20

    De départ avec [email protected]. la @angular/http module est obsolète avec l'ensemble de ses classes. Maintenant angular/common/http doit être utilisé. Lire ici pour plus d'.

    import { HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'my-auth-token'
  })
};

this.http.post(
   "http://localhost:3000/contacts",
   JSON.stringify({id: 4, name: 'some'}),
   httpOptions 
).subscribe();

    Pour les anciennes versions, vous pouvez le faire comme ceci:

    import {Http, Headers, RequestOptions} from '@angular/http';

export class AppComponent {
    constructor(private http: Http) {
        const headers = new Headers();
        headers.append('Content-Type', 'application/json');
        headers.append('authentication', `hello`);

       const options = new RequestOptions({headers: headers});
       this.http.post(
           "http://localhost:3000/contacts",
           JSON.stringify({id: 4, name: 'some'}),
           options
       ).subscribe();

    Vous devez vous assurer que vous importez des objets appropriés à partir de la @angular/http:

    import {Http, Headers, RequestOptions} from '@angular/http';

    Si vous ne voyez toujours pas votre les en-têtes, il est également possible que le serveur que vous utilisez ne permet pas d'eux. Lorsqu'un navigateur fait une demande à l'autre de l'origine, il envoie contrôle d'accès-les en-têtes de demande d' - tête pour vérifier si le serveur permet à l'en-tête personnalisé. Si votre serveur n'est pas configuré pour autoriser les en-têtes personnalisés, vous ne verrez pas dans le conséquente des demandes.

    Selon docs sur les en-Têtes, la classe est obsolète et il est suggéré d'utiliser le class HttpHeaders. Je ne peut toujours pas faire le travail, bien que (quelque chose avec la syntaxe que je suis trop ignorants à ce sujet), donc si vous voulez mettre à jour votre réponse à la non-obsolète de la classe, il serait fortement appréciée.
    oui, le @angular/http module est obsolète avec l'ensemble de ses classes. Maintenant @angular/common/http doit être utilisé. Je vais ajouter à la réponse. Merci
    Les en-têtes est dépassé. Utilisation HttpHeaders à la place.
    merci, mis à jour ma réponse

    OriginalL'auteur Max Koretskyi aka Wizard

  2. 19

    Si vous utilisez HttpClient au lieu de Http de votre code devrait ressembler à ceci: 

    login(credintials: Authenticate): Observable<any> {

    const body = {
        username: credintials.username,
        password: credintials.password,
        grant_type: 'password',
        client_id: credintials.client_id
    };
    const headers = new HttpHeaders()
        .set('Content-Type', 'application/x-www-form-urlencoded')
        .set('Authorization', 'Basic loremlorem');

    return this.http.post(`${baseUrl}/uaa/oauth/token`,
        body,
        {
            headers: headers
        }
    );
}

    Si votre params est facultatif, vous devez ajouter les paramètres comme ceci:

    let params: HttpParams = new HttpParams();
if (param) {
  params = params.append( 'page', param.page );
}

    Code Source ressemble:

    /**
 * Construct a new body with an appended value for the given parameter name.
 */
append(param: string, value: string): HttpParams;

    OriginalL'auteur Игорь Демянюк

  3. 0

    Mettre cette

    constructor(private http: Http) {
            this.headers = new Headers();
            this.headers.append('content-type', 'application/json');
    }

    et à l'intérieur de la méthode cette

    return this.http.post(url, jsonData, this.headers).map((resp: Response) => resp.json());

    OriginalL'auteur alehn96

  4. 0
    import { HttpClient,HttpHeaders } from '@angular/common/http';

    const httpOptions = {
    les en-têtes: nouvelle HttpHeaders({ 'Content-Type': 'application/x-www-form-urlencoded' })
    };

    "Pour httppost"

    this.httpClient.post('http://localhost/rajat/ajax/contact_query_submit/',{name:name,email:email,phone:phone,message:message},httpOptions)
.subscribe(data => {
  console.log(data);
});

    "Pour recevoir des données de postes que vous avez à faire cette mentionnées ci-dessous"

    $postdata = file_get_contents("php://input");
        $_POST = json_decode($postdata,TRUE);
        $addArr = array(
            'name' => $this->input->post('name'),
            'email' => $this->input->post('email'),
            'phone' => $this->input->post('phone'),
            'message' => $this->input->post('message'),
            'created' => time()
        );

    OriginalL'auteur Rajat Biswas