要将特定页面发布到Angular 7与.NET Core 2.1应用程序中,您可以按照以下步骤进行操作:
ng new my-app
ng generate component my-component
ng build --prod
这将构建用于生产环境的Angular应用程序,并生成一个名为dist
的目录。
创建一个新的.NET Core 2.1应用程序。您可以使用Visual Studio或命令行工具来创建一个新的.NET Core应用程序。
将Angular应用程序的dist
目录复制到.NET Core应用程序的根目录下。
在.NET Core应用程序的Startup.cs
文件中,将以下代码添加到Configure
方法中:
app.UseStaticFiles(); // 添加此行以启用静态文件服务
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller}/{action}/{id?}",
defaults: new { controller = "Home", action = "Index" }
);
// 添加以下路由以匹配特定的页面
routes.MapRoute(
name: "my-page",
template: "my-page",
defaults: new { controller = "Home", action = "MyPage" }
);
});
在上面的代码中,我们使用UseStaticFiles
方法启用了静态文件服务,并使用UseMvc
方法配置了默认路由和特定页面的路由。
HomeController.cs
文件中,添加一个名为MyPage
的动作方法:public IActionResult MyPage()
{
return View();
}
在上面的代码中,我们创建了一个名为MyPage
的动作方法,并返回View
。
在.NET Core应用程序的Views/Home
目录中,创建一个名为MyPage.cshtml
的视图文件,并在其中添加所需的HTML代码。
运行.NET Core应用程序。您可以在命令提示符中导航到.NET Core应用程序的根目录,并运行以下命令来启动应用程序:
dotnet run
这将启动.NET Core应用程序,并使特定页面可访问。
现在,您可以通过访问http://localhost:5000/my-page
来访问特定页面。请注意,端口号可能会因您的配置而有所不同。
希望这可以帮助到您!