Angular как сделать Basic авторизацию для получения данных?

Есть задача: Динамически получать данные со стороннего сервиса фронтом написанным на Angular.

Решил воспользоваться готовым примером: https://stackoverflow.com/questions/53613529/angular-6-http-get-request-with-http-basic-authentication

  url = "http://test.com"

  ngOnInit(): void {
    this.http.get<Todo[]>(this.url, { headers: new HttpHeaders({
      'Content-Type':  'application/json',
      'Authorization': 'Basic ' + btoa('login:password')
    })})
    .subscribe(response => {
      console.log('Response', response)
    })
  }

По идее всё должно работать и в консоль должен приходить лог с данными, но на выходе я получаю:

OPTIONS http://test.com CORS Preflight Did Not Succeed

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на http://test.com. (Причина: неудача ответа CORS preflight). Код состояния: 401.

Запрос из постороннего источника заблокирован: Политика одного источника запрещает чтение удаленного ресурса на http://test.com. (Причина: не удалось выполнить запрос CORS). Код состояния: (null).

Как я понял проблема именно в Basic авторизации и HttpHeaders, так как на том же сервере лежат и другие API (без авторизации) которые без проблем забираются.

Очень прошу помощи, я в тупике.