Angular proxy, Apple Mac, Chrome debugger fails

Question

Google Chrome debug tools cause a network failure when using an Apple MacBook Pro. When not in the debugger, the following code works just fine:

async 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 contains:

{ "/api/*": { "target": "http://localhost:3000", "changeOrigin": true, "logLevel": "debug", "secure": false }, "/candy": { "target": "http://localhost:3000", "changeOrigin": true, "logLevel": "debug", "secure": false } }

It seems that the developer tools for Chrome on the Mac don't pick up the proxy.

So...

Same project in Linux. Everything works just fine.

Result - can't use the Mac for Angular development since the debugger causes the api to fail. It looks for http://localhost:4200/api/quotes instead of http://localhost:3000.

Jim Rand · Accepted Answer · 2024-09-12 19:12:42Z

0

I had set throttling in Chrome Developers Tools. As soon as I unset it, the problem was solved. Thanks to Angular support team :-)

answered Sep 12, 2024 at 19:12

Jim Rand

3211 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular proxy, Apple Mac, Chrome debugger fails

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related