How to add custom headers to HTTP request Angular5?

Question

How can I add a custom header to http request using angular5? I have tried something like this.

        import {Headers} from 'angular2/http';
        var headers = new Headers();
        headers.append(headerName, value);

        // HTTP POST using these headers
         this.http.post(url, data, {
         headers: headers
          })
      // do something with the response

May solve your problem:https://stackoverflow.com/questions/34464108/angular-set-headers-for-every-request — Rohit Sharma, Jun 01 '18 at 07:27
This might be helpful https://stackoverflow.com/questions/49298431/angular-httpclient-headers — , Jun 28 '18 at 06:41

score 0 · Answer 1 · answered Jun 01 '18 at 10:07

You can refer below example for Custom header:

import { Injectable }    from '@angular/core';
import { Http, Headers, Response } from '@angular/http';


@Injectable()
export class AbcService {

  constructor(private http: Http) { }

  search = (query) => {
    let headers = new Headers();
    headers.append('Api-User-Agent', 'Example/1.0');
    let apiUrl: string = 'https://en.wikipedia.org/w/api.phpgsrsearch='+query;

return this.http
        .get(apiUrl, headers)
        .map(response => response.json());
  }
}

How to add custom headers to HTTP request Angular5?

1 Answers1