Sending HTTP Headers to every request in Angular
Let’s say we want to send 3 headers in http request : Content-Type, Accept and Accept-Language. To set headers for every request in Angular, we will create a class that implements HttpInterceptor.
HttpInterceptor
import {HttpEvent, HttpHandler, HttpInterceptor, HttpRequest}
from '@angular/common/http';
import {Injectable} from '@angular/core';
import {Observable} from 'rxjs';
@Injectable()
export class CustomHttpInterceptorService implements HttpInterceptor {
intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>
{
request = request.clone({
headers: request.headers.set('Content-Type', 'application/json')
});
if (!request.headers.has('Accept')) {
request = request.clone({
headers: request.headers.set('Accept', 'application/json')
});
}
request = request.clone({
...