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

迪皮克斯

假设在我的解决方案中,Insig我已经Insig.Api在 Asp.net Core 中进行了项目

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

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

而且我已经把ClientAppwwwrootInsig.Web,我设置对他们俩的多重启动项目。

现在,当我在 Visual Studio 中按下时,Start我想用我的 angular 应用程序运行 Api。我怎样才能做到这一点?

我知道我可以使用 Visual Studio 的默认 Angular 模板来做到这一点,但我想从头开始,因为模板包含很多不必要的东西。

文件结构

迪皮克斯

我在这里找到了解决方案

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

通过在路上Startup.cs没有必要与加线AddMvcUseMvc当然,如果你想拥有API的另一个项目比角,因为我想。

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

并且不要忘记在 Api 中禁用 CORS Startup.cs

app.UseCors(builder => builder
        .AllowAnyOrigin()
        .AllowAnyMethod()
        .AllowAnyHeader()
        .AllowCredentials());

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章