asp.net - 如何将 angular2 的 http 与应用程序主机端口以外的其他端口一起使用？

Question

我有一个 ASP.NET 解决方案，其中包含一个托管我的 angular2 应用程序的 Web 项目和一个 Web API 项目。

这两个项目都设置为启动项目并在不同的端口上运行(45365 用于 web 项目，20234 用于 web api 项目)。

假设我有一个公开 /api/values 的 web api Controller ，目前可通过 http://localhost:20234/api/values 访问/p>

如何在我的 angular2 网络应用程序中访问它？如果我尝试

this.http.get("api/values")

它尝试访问不需要的 http://localhost:45365/api/values。但是，我希望它调用 http://localhost:20234/api/values 而不指定包括域在内的整个 url 以使我的服务工作，即使应用程序与其他服务器一起发布到公共(public)服务器域比 localhost。

如何告诉 http.get() 使用 20234 作为端口号？

Answer 1

constructor(private location:Location, private locationStrategy:LocationStrategy) {}

someMethod() {
  var base = this.locationStrategy.getBaseHref();
  // replace port

  this.location.prepareExternalUrl(base + 'xxx');
}

您可以在转发到 Http 的服务中实现这一点，因此您无需重复。

(未测试)