Преобразование запроса Javascript Fetch в Angular Http-клиент не работает

Question

Я пытаюсь получить доступ к API клиента истинного слоя, используя Angular HttpClient. Запрос отлично работает для API песочницы, однако я получаю «internal_server_error» для API живой среды. Ниже мой код Httpclient

this.http.post<tokentype>('https://auth.truelayer.com/connect/token',{'grant_type':'authorization_code','client_id':'<my-id>','client_secret':'<my-client-secret>','redirect_uri':'<my-redirect-url>','code':'<access-code>'}, {headers: new HttpHeaders({'Content-Tye':"application/json; charset=utf-8"})})
       .subscribe(data => {
         console.log('Token Finally Gotten 1:');
         console.log(data);      
        }, error => {
        console.log('Error 1: ' + JSON.stringify(error))
       });

, когда я меняю URL-адрес на https://auth.truelayer-sandbox.com/connect/token, он работает нормально. Ниже приведен код jQuery, который я получил от почтальона Truelayer

var settings = {
  "url": "https://auth.truelayer.com/connect/token",
  "method": "POST",
  "timeout": 0,
  "data": {
    "grant_type": "authorization_code",
    "client_id": "",
    "client_secret": "",
    "redirect_uri": "https://console.truelayer.com/redirect-page",
    "code": ""
  }
};

$.ajax(settings).done(function (response) {
  console.log(response);
});