Angular HTTP interceptor to remove 'Authorization' token when accessing external sites

environment.ts

export const environment = {
    api: 'http://yourapi.com'
    
}

http-header.interceptor.ts

import {
    HttpInterceptor,
    HttpHandler,
    HttpRequest,
    HttpEvent} from '@angular/common/http'
import { Injectable } from '@angular/core'
import { Observable } from 'rxjs'
import { environment } from '../environments/environment'

@Injectable()
export class AppHttpHeaderInterceptor implements HttpInterceptor {
    constructor() {}

    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
        const ignore = req.url.startsWith(environment.api)

        if (ignore) {
            return next.handle(req)
        }

        const cloned = req.clone({
            headers: req.headers.delete('Authorization')
        })
        return next.handle(cloned)
    }
}