Angular HTTP post调用“无法在'XMLHttpRequest'上执行'open'：无效的URL”答案

【问题标题】：Angular HTTP post call "Failed to execute 'open' on 'XMLHttpRequest': Invalid URL"Angular HTTP post调用“无法在'XMLHttpRequest'上执行'open'：无效的URL”
【发布时间】：2019-04-27 18:06:32
【问题描述】：

这是我来自 Angular 的 http 发布请求

    function test(){
    let fileData = {'test':'test'};
    let headers = new HttpHeaders({
                'Content-Type': 'application/json',
                'Host': 'usertoken',
                'Authorization': 'xyz',
                'SOAPAction:': 'test'
              });
 let options = { headers: headers };

    return this.http.post('http://localhost:5050/api/bond/validatePolicy/106881706', fileData, options)
    }

发布服务给出错误“无法在 'XMLHttpRequest' 上执行 'open'：无效 URL”

虽然相同的网址在提琴手脚本和邮递员中都能正常工作？

我做错了什么？

准确的错误错误 = DOMException：无法在“XMLHttpRequest”上执行“打开”：XMLHttpRequest.proto 中 http://localhost:4200/polyfills.js:10244:31 的 URL 无效。

提前致谢

【问题讨论】：

你可以尝试控制你的 API URL 并检查它是否正常吗？
而且您使用相同的代码初始化选项两次。
在控制台中完全一样，请忽略两次写入的选项，它的错字错误
分享你的fiddler看一次会更好
你发现了吗？我遇到了类似的错误，这对我来说毫无意义。

标签： angular

【解决方案1】：

对我来说，polyfills.js 让我失望，与问题无关。我有一个 API 调用的 URL 格式错误（类似于 http://someurl:someport/apiundefinded），但它没有引用该 URL，而是引发了 polyfills 错误。

一旦我纠正了错误的 API 端点，一切都按预期工作。

我在 Chrome 注意到错误被抛出的位置设置了一个断点，以识别导致问题的实际 URL。

【讨论】：