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:stackoverflow.com/questions/34464108/… — Rohit Sharma
– Rohit Sharma, Commented Jun 1, 2018 at 7:27
This might be helpful stackoverflow.com/questions/49298431/angular-httpclient-headers — user9972517
– user9972517, Commented Jun 28, 2018 at 6:41

dipendra · Accepted Answer · 2018-06-01 10:07:50Z

0

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());
  }
}

answered Jun 1, 2018 at 10:07

dipendra

2611 gold badge3 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to add custom headers to HTTP request Angular5?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related