集成Angular 2和.NET核心Web API的最佳方式？

Question

我目前有2个项目作为我的解决方案。前端是使用Angular cli创建的Angular 2应用程序，后端是.NET Core Web API。

如何将这两个应用程序集成在一起，以便在同一端口上为它们提供服务？目前，我已经将头文件放入web API中，以允许跨域请求中的所有域，但我不想在生产中这样做，而且我还需要引入身份验证，所以我需要一个在Angular 2应用程序和API之间共享的cookie。

我仍然想使用Angular cli作为脚手架的Angular应用程序，但希望通过与api相同的端口提供前端服务。

我想将Angular cli文件添加到Visual Studio项目中，这样当我启动api的一个实例时，它也在为前端项目提供服务。

另外，当我从Visual Studio进行发布时，我希望它能够进行构建，并使用api包含前端的生产构建。这个是可能的吗？

Answer 1

由于几个原因，你不能这样做。这会导致两个应用路由冲突。我也不这样认为，像Apache或IIS这样的web服务器是可以这样做的。我建议你像api.domain.com一样为asp.net应用程序接口创建子域，并在主域中托管你的angular应用程序。

此外，您将angular应用程序和asp.net相结合的想法并不常见，因为这两个应用程序需要不同的工具来编译/转换或部署。

Answer 2

有核心的angular2模板，它使用了webpack和服务器端渲染(角度通用)。http://blog.stevensanderson.com/2016/10/04/angular2-template-for-visual-studio/

不幸的是，在服务器端渲染方面有一些限制(比如访问dom)。

如果是这样，您可以直接从index.cshtml启动您的angular2项目，并手动配置与模板设置相关的所有内容。