我用 Visual Studio 创建了一个 ASP.NET Core Web API，但前端是 Angular。我该如何配置它？

Posted 2023-03-08

【中文标题】我用 Visual Studio 创建了一个 ASP.NET Core Web API，但前端是 Angular。我该如何配置它？

【英文标题】：I have created an ASP.NET Core Web API with Visual Studio but the front-end is in Angular. How can I configure it?

【发布时间】：2022-01-22 14:27:00

【问题描述】：

问题是我如何配置 Angular 应用程序，而我的后端工作是 ASP.NET Core Web API，在 Visual Studio 中创建，前端是在 Visual Studio Code 中创建的 Angular，只想运行应用程序但不不知道怎么做。

【问题讨论】：

可以参考官方doc。

【参考方案1】：

您需要在 Angular 中使用 HttpClient 模块链接前端和后端。

import  HttpClient  from '@angular/common/http';

并且在服务文件中，您需要指定将调用 Web API 中的后端代码的各个 http 请求的路径。

【参考方案2】：

'dotnet run' 应该可以工作。这将启动 ASP.NET Core 应用程序，并运行它的 Angular。它默认在端口 5000 (Kestrel) 上运行。 或者在使用 VS 作为 IDE 时使用 IIS/IIS Express。

此外，您可能会遇到 timeoutException。这是将 Angular 与 ASP.NET Core 一起使用时的一个已知错误。 There is a workaround

编辑：您需要为此使用SpaServices。创建新项目时有此模板。

【讨论】：

ASP.NET Core 的 SPA 模板即将停用。查看 Visual Studio 2022 提供的功能，docs.microsoft.com/en-us/visualstudio/javascript/…

@LexLi 谢谢，我不知道这个。很有价值的资料！我真的需要知道这一点。

【参考方案3】：

好吧，最后我所做的是在 angular.json 文件中并在生产配置下添加了“outputPath”：“dist/wwwroot”，你猜怎么着？它完成了我的工作