Неправильная конкатенация URL в Angular 7

Question

Когда я перехожу на другую страницу в моем проекте, консоль выдает ошибку 404 с неверным URL.Вот как это выглядит:

https://localhost:4420/example.com/api/customers

, а должно выглядеть так:

https://example.com/api/customers

Поскольку я нацеливаюсь example.com api, я нигде не указал в проекте, чтобы использовать localhost:4220 api.

Вот мой environment.ts:

export const environment = {
  production: false,
  baseUrl: 'example.com/',
  apiUrl: 'example.com/api/'
};

А воткак я пользуюсь услугой:

export class CustomersComponent implements OnInit  {
  customers: any;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    const token = localStorage.getItem('jwt');
    this.http.get(environment.apiUrl + 'customers', {
      headers: new HttpHeaders({
        'Authorization': 'Bearer ' + token,
        'Content-Type': 'application/json'
      })
    }).subscribe(response => {
      this.customers = response;
    }, err => {
      console.log(err);
    });
  }
}

, если я удаляю environment.apiUrl + из кода выше, я получаю

URL запроса: http://localhost:4220/customers

так откуда берется часть "localhost: 4420 /" и куда она сцепляется?

Answer 1

Попробуйте изменить env.файл с протоколом https, как показано ниже -

export const environment = {
  production: false,
  baseUrl: 'https://example.com/',
  apiUrl: 'https://example.com/api/'
};