使用 .NET Core 将 Angular 发布到远程站点

Question

有人有这方面的经验吗？

我使用 VS 2022 构建了该程序。我将启动项目设置为 API 所在的 .Server 项目，并将 Angular 18 程序放在 .Client 项目中。整个事情都在开发中进行。

在服务器项目的

.csproj

中，我相信它正确地实例化了客户端：

<PropertyGroup>
    <TargetFramework>net8.0</TargetFramework>
    <Nullable>enable</Nullable>
    <ImplicitUsings>enable</ImplicitUsings>
    <SpaRoot>..\calorieassistant.client</SpaRoot>
    <SpaProxyLaunchCommand>npm start</SpaProxyLaunchCommand>
    <SpaProxyServerUrl>https://localhost:4200</SpaProxyServerUrl>
</PropertyGroup>

我使用VS和站点的部署文档将其发布到远程站点，它运行没有错误。

不走运 - 当我访问该网站时，我收到“加载失败”的消息（之前运行的是“此网站刚刚托管”简介）。

有人这样做过吗？或者你看到我做错了什么吗？

如果您想查看，该网站是 https://calorieassistant.com

Answer 1

事实证明这个问题的答案很简单

我在 VS2022 中为 API 设置了一个 .server 项目，为 Angular 项目设置了一个 .client 项目。当我尝试构建它时，Studio 将所有 Angular 构建文件推送到 .client 下名为“dist”的子目录中。

我手动在.server项目下添加了一个wwwroot文件夹，构建了项目并发布了它，效果非常好。

就是这样 - 我在这里发布这个，以便其他 Angular 新手不会浪费一天时间来修复如此简单的问题