如何修复 DOMException：“URI 格式错误。” 在 Angular 6 中运行 HTTP？

Question

解决方案更新：目标 URL 构造错误，在 IP 地址和运算符之间使用双冒号运算符 (::)，而不是一个，从而导致了该问题。

我有一个项目在 MEAN Stack 上运行。节点服务器运行在一台计算机上，而 Angular 应用程序运行在另一台计算机上。Angular 应用程序使用 angular/common/http 的 HTTPClient 向节点服务器发送请求。这些请求工作正常并获取数据，直到我重组应用程序以添加更多功能。现在，角度应用程序请求无法到达节点服务器，并返回未定义的错误状态和正文。记录错误对象后，我得到了这样的语句：

DOMException：“URI 格式错误。”

来自 PostMan 和浏览器的调用相同 URL 的请求在运行 Angular 应用程序的同一设备上运行得非常好。现在只有角度应用程序不再能够将其请求发送到服务器。我尝试过制作新的角度项目、更新/重新安装软件包，但到目前为止还没有任何效果。

之前运行良好的客户端代码是：

import { HttpClient,HttpParams } from '@angular/common/http';
getLiveData(){
    return this._httpClient.get(this.getLiveURL).pipe(catchError(this.handleError));
  }

我期望得到响应数据，但是角度请求无法到达服务器端。

Answer 1

有一次，我在 ReactJS 中遇到了同样的问题，但当时我通过进行以下更改得到了解决方案：

发生错误时，我的 URL 如下： “https://localhost:8000member/getstate”

在这里我错过了/（斜杠）黑白端口号和成员。

我将其更改为： “https://localhost:8000/member/getstate” ，它也起作用了。

我希望它也对你有用。