Доступ к JSON с базовой аутентификацией - 401 Unauthorized

Question

Я пытаюсь получить некоторые данные JSON от веб-сервера, который имеет базовую аутентификацию. После некоторого исследования я нашел некоторую информацию, а также некоторые вопросы о стековом потоке, которые привели меня к этому решению.

import { Injectable } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type': 'application/json; charset=utf-8',
    Accept: 'application/json',
    Authorization: 'Basic ' + btoa('user:pw')
  })
};

@Injectable({
  providedIn: 'root'
})
export class MainDataService {

  openData = [];

  constructor(private http: HttpClient) { }


  getData() {
    return this.http.get<[]>('http://tld.de/?type=7171', httpOptions);
  }
}

Кажется, это не работает, потому что я получаю эту ошибку:

error: null
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, headers: Map(0)}
message: "Http failure response for http://tld.de/?type=7171: 401 Unauthorized"
name: "HttpErrorResponse"
ok: false
status: 401
statusText: "Unauthorized"