Angular 8 and using a proxy

Question

I've never used a proxy before, so this is a very basic question. I've made my Angular app that is served on localhost:2000 and set all the routes, but afterwards realised I have to use a proxy (localhost:3000/api) like so:

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false
  }
}

I'm confused, because I don't have any routes configured in my app that would point to /api. I would like any request that is made to my application go trough this localhost:3000/api (not just the ones that has /api in URL, because they are non-existing), without changing too much of my routing module file.

Can you please update your question to include an example of an HttpClient call you are making, specifically what URL you are passing that HttpClient call? Also what path are the endpoints on your server that you call from angular registered under? The configuration that is in the proxying to a backend server is specifically expecting the urls like /api/something to be passed to HttpClient with the server have paths such as /api/foo registered. — Alexander Staroselsky
– Alexander Staroselsky, Commented Nov 20, 2019 at 17:40

Vipul · Accepted Answer · 2019-11-20 17:48:33Z

1

You can use "pathRewrite": {"^/api" : ""} and change your configuration like below:

{
  "/api": {
    "target": "http://localhost:3000",
    "secure": false,
    "pathRewrite": {"^/api" : ""}
  }
}

Request should be:

this.http.get<Parent>(api/<end-point>);

answered Nov 20, 2019 at 17:48

Vipul

6241 gold badge11 silver badges37 bronze badges

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

1 Comment

Mandy Over a year ago

Thank you very much, it seems exactly what I'm looking for!

Collectives™ on Stack Overflow

Angular 8 and using a proxy

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related