Angular 代理、Apple Mac、Chrome 调试器失败

Question

使用 Apple MacBook Pro 时，Google Chrome 调试工具会导致网络故障。 当不在调试器中时，以下代码可以正常工作：

异步 getQuotes() { const uriParams = new HttpParams().set('page', ++this.page);

await lastValueFrom(this.httpClient.get(`${environment.baseUrl}/api/quotes`, { params: uriParams}))
  .then (result => {
    this.message = `${JSON.stringify(result)}`;
  })
  .catch(() => {
    this.message = '*** Failed ***';
  })

}

proxy.conf.json 包含：

{ “/api/*”：{ “目标”：“http://localhost:3000”， “更改来源”：正确， "logLevel": "调试", “安全”：假 }, “/糖果”： { “目标”：“http://localhost:3000”， “更改来源”：正确， "logLevel": "调试", “安全”：假 } }

Mac 上的 Chrome 开发者工具似乎没有选择代理。

所以...

Linux 中的相同项目。一切都很好。

结果 - 无法使用 Mac 进行 Angular 开发，因为调试器导致 api 失败。 它查找 http://localhost:4200/api/quotes 而不是 http://localhost:3000。

Answer 1

我在 Chrome 开发者工具中设置了限制。我一取消设置，问题就解决了。感谢 Angular 支持团队:-)