angular 7 app not talking to asp.net web api

Question

I have developed an angular 7 basic app and asp.net web api. Both these applications are running perfectly fine in isolation. I dont want to host my applications on IIS. I am trying to run both using thier local webserver. The angular app by default on ng serve , uses http://localhost:4200. The webapi uses a different port. My question is how do I make both the applications communicate since they are on different ports. I tried changing the port in the webapi to point to 4200 but when I do ng serve, i get a message saying it is already in use and please use another port. Could somebody help.

zmag · Accepted Answer · 2019-01-25 00:22:58Z

2

with ng serve, you need --proxy-config option to communicate to other port. If your .net server is on port 8080, create a proxy.conf.json like below:

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

and run:

ng serve --proxy-config proxy.conf.json

When you access /api/* via your Angular app, it bypasses to your .net server.

answered Jan 25, 2019 at 0:22

zmag

8,27112 gold badges39 silver badges47 bronze badges

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

Collectives™ on Stack Overflow

angular 7 app not talking to asp.net web api

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