Using Angular Proxy

Question

Im trying to use angular proxy to proxy to my backend server. My server is running on http://localhost:8000 My angular server is running on http://localhost:4200

If the API makes a call to http://localhost:4200/api/bacon. I want it proxied to http://localhost:8000/api/bacon. However I only want calls that start with /api to be proxied.

My proxy.conf.json file looks like this.

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

And one of my api calls will look like this. http://localhost:4200/api/yemen

In this case I expect it to be proxied to http://localhost:8000/api/yemen

However it does not seem to be working

Guerric P · Accepted Answer · 2020-03-15 19:27:51Z

1

The full URL gets forwarded to the target because you didn't use pathRewrite, then you don't have to write /api in the target property.

Also if you want to have more informations next time, you can use logLevel: 'debug' to see incoming requests and their redirections.

{
  "/api": {
    "target": "http://localhost:8000",
    "secure": false,
    "logLevel": "debug"
  }
}

answered Mar 15, 2020 at 18:14

Guerric P

32k6 gold badges61 silver badges109 bronze badges

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

1 Answer 1