在Visual Studio解决方案中同时调试Angular Asp.net Core项目和API项目

时间:2017-11-27 21:48:50

标签: angular visual-studio visual-studio-2017

我在Visual Studio Professional 2017中的ASP.NET Core 2 MVC项目中添加了一个Angular 5应用程序。 它设置为在端口12345上调试

在同一解决方案中也有一个ASP.NET Core 2 Web.API项目,该解决方案设置为在端口67890上进行调试。

如果我在Visual Studio中使用Visual Studios多个启动项目将两者都设置为启动项目以进行调试,那么在浏览http://localhost:12345上的ASP.NET MVC Angular应用程序时,在浏览器调试窗口中出现问题因为它无法在Angular中知道API在另一个端口上,所以当它尝试调用API时我得到500(内部服务器错误)的错误消息,因为它正在查看相同的端口而不是我的API的端口项目在我的解决方案中。

这是使用rxjs

的角度服务方法
import { Observable } from "rxjs"
import 'rxjs/add/operator/map';

loadUsers(): Observable<boolean> {
      return this.http.get("/api/user/")
          .map((data: any[]) => {
              this.users = data;
              return true;
          });

调用错误的http://localhost:12345/api/user/端口,因为它是Angular应用程序驻留的MVC项目的端口,当我希望它看到http://localhost:67890/api/user/

的另一个启动项目时

他们是否可以将完整的URL(包括角度使用的端口)放在配置文件中,或者是我的问题的其他解决方案? 我只知道Angular支持子文件夹到域名,例如<base href="subfolder">但是端口在此之前。

0 个答案:

没有答案