angular 7 应用程序不与 asp.net web api 交谈

Question

我开发了一个 Angular 7 基本应用程序和 asp.net web api。这两个应用程序在隔离时都运行得非常好。我不想在 IIS 上托管我的应用程序。我正在尝试使用他们的本地网络服务器运行两者。 ng serve 上的 Angular 应用默认使用 http://localhost:4200。 webapi 使用不同的端口。我的问题是如何让两个应用程序进行通信，因为它们位于不同的端口上。我尝试将 webapi 中的端口更改为指向 4200，但是当我执行服务时，我收到一条消息，说它已在使用中，请使用另一个端口。有人可以帮忙吗？

Answer 1

使用ng serve，您需要--proxy-config 选项才能与其他端口通信。如果您的 .net 服务器在端口 8080 上，请创建一个 proxy.conf.json，如下所示：

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

然后运行：

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

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