如何在Visual Studio中将Angular 5应用程序添加到解决方案中?

时间:2018-05-26 13:10:10

标签: angular visual-studio asp.net-core angular5

让我们说在我的解决方案Insig中我已经在Asp.net Core中预测了Insig.Api

然后我添加了新的空网络项目Insig.Web

然后我通过ng new ClientApp在Angular中创建了Web应用程序。

我已将ClientAppwwwroot添加到Insig.Web,并为我们设置了多个启动项目。

现在,当我按下Visual Studio Start时,我想用我的角应用程序运行Api。我怎么能这样做?

我知道我可以使用Visual Studio中的默认Angular模板执行此操作,但我想从头开始,因为模板包含许多不必要的东西。

File structure

1 个答案:

答案 0 :(得分:0)

我找到了解决方案HERE

希望它可以帮助某人,因为在大多数教程中使用的是Visual Studio的默认模板,实际上是旧版本Angular 4 ...

顺便在Startup.cs中,如果你想在另一个项目中使用API​​而不是我希望的话,则无需添加AddMvcUseMvc行。

并使用ng build --watch跟踪更改。

不要忘记在Api Startup.cs

中禁用CORS
app.UseCors(builder => builder
        .AllowAnyOrigin()
        .AllowAnyMethod()
        .AllowAnyHeader()
        .AllowCredentials());