CODEWITHSUNDEEP
angularproxygoogle-chrome-devtools
Jim Rand
Jim Rand

Reputation: 321

Angular proxy, Apple Mac, Chrome debugger fails

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.

Upvotes: 0

Views: 28

Answers (1)

Jim Rand
Jim Rand

Reputation: 321

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

Upvotes: 0

Related Questions