Javascript 如何修复DomeException:无法执行'；打开'；在'；XMLHttpRequest'；：调用第三方服务器/api时HttpClient的URL无效？

我得到以下错误：

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);
  }
}

DOMException:未能对“XMLHttpRequest”执行“open”：无效URL

执行对debounce.com的
GET
请求时


您可能必须尝试对URL参数进行编码

文件：
如果使用localhost，则仅在使用localhost之前使用http://可能重复的
const url = 'https://api.debounce.io/v1/?api=my_api_key&email=' + encodeURIComponent(email);