asp.net - 在同一端口上运行 Angular 和 ASP.NET Web API

Question

我目前正在使用 Angular 向运行 ASP.NET 的 API 服务器发出 API 调用。但是，对于 Angular 开发，我有一个跨域问题，我使用的是本地主机。在生产版本中，它们都将使用 IIS 在同一域下运行。

有没有办法在与 ASP.NET 相同的端口上运行 Angular 应用程序？

P.S.:我也对解决此问题的其他替代方案持开放态度。

Answer 1

我遇到了同样的问题，然后我找到了this post on medium ，希望这对你有用。

编辑:实际上，我使用的解决方案来自那篇文章。

想法是您不能在同一个端口上“发布”API 和 Angular 应用程序，但您可以使用代理从 Angular 应用程序连接到另一个端口上的 API。

更新:很抱歉很久以前没有回答这个问题。

要处理 cors 问题(在这种情况下)，您可以使用带有 ng serve 命令的代理。

例如，在我的例子中，我使用了这样的 proxy.conf.json 文件:

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

此代码将对 /api/* 的每个请求的 url 重写为您的 api 正在监听的 http://localhost:3000。

因此，为了说明，如果您在 Angular 中发出类似 http://localhost:4200/api/users 的请求，它将被重定向/重写为 http://localhost: 3000/api/users 解决cors问题。

现在，您必须以不同的方式运行 Angular 应用程序。

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