angular - 如何修复 DOMException : "The URI is malformed." in Angular 6 running HTTP?

Question

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

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

DOMException:“URI 格式错误。”

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

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

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

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

Answer 1

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

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

这里我错过了/(斜杠)黑白端口号和成员。

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

我希望它也对你有用。