使用UseSpa库在同一端口运行Angular应用与ASP.NET Core Web API的问题排查及配置咨询
UseSpa库在同一端口运行Angular应用与ASP.NET Core Web API的问题排查及配置咨询
我希望能得到一些帮助来调试我的代码,看看我遗漏了什么或者哪里做错了。
你可以查看我的代码仓库了解相关代码,后端应用原本使用.NET 8,我刚把本地版本更新到了.NET 9,Angular版本是19。我已经开始了项目合并的工作,所以在API项目里可以找到Angular项目的副本。
项目概述
我最初分别创建了Angular前端应用和后端API,单独启动它们时,两者都能正常工作。
任务目标
将两个项目合并成一个,这样当我执行dotnet run命令时,两个应用能在同一个端口同时启动。
当前实现状态
为了实现这个目标,我使用了SpaApplicationBuilderExtension,并调用UseSpa方法来触发UI应用中package.json文件里的npm start命令。
遇到的问题
- 由于Angular开发环境运行在HTTP协议上,我遇到了HTTPS验证问题
- 当尝试访问UI时,出现了如下错误:

已尝试的解决方案
为了解决HTTP的问题,我注释掉了UseHttpsRedirection中间件,这似乎能暂时解决HTTPS跳转的问题。同时我也查阅并尝试了各种能找到的解决方案,但都无法彻底解决上述两个问题。
我的疑问
- 如何配置应用,无需注释
UseHttpsRedirection中间件就能正常运行? - 如何修复上述第二个问题(UI访问错误)?
- 我也欢迎各位资深开发者的反馈,无论关于我的编码模式还是任何能帮助我成为更好的.NET开发者的建议,我都非常感激。
感谢各位的帮助!
备注:内容来源于stack exchange,提问作者Seyi Agboola
相关产品推荐
相关产品推荐

