Angualar API работают в Chrome, но не работают в Fire Fox?

Question

У меня есть прокси-файл API в php и интерфейс в angular 7. Мои API возвращают данные из chrome и возвращают ошибку в fire fox

Вот ответ, когда я добавляю Перехватчик кэша, подобный этому, в angular app

      providers: [
         { provide: HTTP_INTERCEPTORS, useClass: CacheInterceptor, multi: true }
      ],

Вот код в моем файле CacheInterceptor

    import { Injectable } from '@angular/core';
    import { HttpInterceptor, HttpRequest, HttpHandler, HttpHeaders } from '@angular/common/http';

    @Injectable()
    export class CacheInterceptor implements HttpInterceptor {
      intercept(req: HttpRequest<any>, next: HttpHandler) {
        const httpRequest = req.clone({
          headers: new HttpHeaders({
            'Cache-Control': 'no-cache',
            Pragma: 'no-cache'
            // 'Expires': 'Sat, 01 Jan 2000 00:00:00 GMT',
          })
        });

        return next.handle(httpRequest);
      }
    }

Вот выходной ответ

Вот вывод без CacheInterceptor

Вот мой код, где я вызываю API

    import { HttpClient } from '@angular/common/http';
    import { Injectable } from '@angular/core';
    import { Global } from '@env/app.global';
    import { environment } from '../environments/environment';
    import { Subject } from 'rxjs';

    @Injectable({
      providedIn: 'root'
    })
    export class HeaderService {
      onUserNameUpdate: Subject<string>;
      constructor(public http: HttpClient) {
        this.onUserNameUpdate = new Subject();
      }

      public getHeaderAdd(url: any): any {

          return this.http.get(environment.serverUrl + Global._API_HOME_CMS);

      }
    }