Angular 7应用程序无法与asp.net Web API对话

angular 7 app not talking to asp.net web api

我已经开发了angular 7基本应用程序和asp.net网络api。这两个应用程序都可以很好地隔离运行。我不想在IIS上托管我的应用程序。我正在尝试使用自己的本地网络服务器运行两者。默认情况下,在ng serve上的angular应用程序使用http:// localhost:4200。 webapi使用其他端口。我的问题是,由于它们位于不同的端口上,因此如何使这两个应用程序进行通信。我尝试将webapi中的端口更改为指向4200,但是当我提供服务时,我收到一条消息,指出该端口已在使用中,请使用其他端口。有人可以帮忙吗。


ng serve一起使用时,需要--proxy-config选项才能与其他端口通信。如果您的.net服务器位于端口8080上,则创建一个proxy.conf.json,如下所示:

1
2
3
4
5
6
7
{
 "/api": {
   "target":"http://localhost:8080",
   "secure": false,
   "logLevel":"debug"
  }
}

然后运行:

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

当您通过Angular应用访问/api/*时,它会绕过.net服务器。