Как исправить DOMException: не удалось выполнить «open» для «XMLHttpRequest»: неверный URL-адрес Angular HttpClient при вызове стороннего сервера / API?

Question

Я получаю следующую ошибку:

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

при выполнении GET запроса к debounce.com

</p>

<pre><code>import{HttpClient} from '@angular/common/http';

export {ThisClass} {

constructor(private http:HttpClient){
}

validateEmailBounce(email) {
    const url = 'https://api.debounce.io/v1/?api=my_api_key&email=' + email;
    console.log(url); // https://api.debounce.io/v1/?api=my_api_key&email=someone@email.com
    return this.http.get(url);
  }
}
</code>

Answer 1

Возможно, вам придется попробовать кодировать аргументы URL.

const url = 'https://api.debounce.io/v1/?api=my_api_key&email=' + encodeURIComponent(email);

Документы: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/encodeURIComponent