import {Http, Response, Headers} from '@angular/http';
getHeroes (): Observable<Heros[]> {
return this.http.get(this.heroesUrl, {withCredentials: true}
)
.map(this.extractData)
.catch(this.handleError);
}
Don't get where the headers comes in and how.
var myHeaders = new Headers();
myHeaders.append('Access-Control-Allow-Origin', '*')
How they are combined?
This is how you need to add headers to http request
import {Headers, RequestOptions} from 'angular2/http';
let body = JSON.stringify({ 'foo': 'bar' });
let headers = new Headers({ 'Access-Control-Allow-Origin': '*' });
let options = new RequestOptions({ headers: headers });
return this.http.post(url, body, options)
.map(res => res.json().data)
.catch(this.handleError)
// single and multiple headers can be send
import { Http, Headers, RequestOptions } from '@angular/http';
const Url = 'http://localhost:3000/';
const headers = new Headers;
const body = JSON.stringify(
{
title: "data"
});
headers.append('Content-Type', 'application/json');
headers.append('Access-Control-Allow-Origin', '*');
this.http.post(Url, body, { headers: headers })
.pipe(map(res => res))
.catch(err => err);
// HttpHeaders in angular 5
import { HttpHeaders } from '@angular/common/http';
let header = new HttpHeaders();
header.set('Content-Type', 'application/json');
