我们有一个基本的 Razor 页面应用程序。我们想要添加 Blazor 组件。通过复制 04/16 Blazor 更新视频中的步骤或使用 Blazor 文档,我们没有问题将其工作起来。但是,一旦我们将 Blazor 组件添加到 Razor 页面中,所有的 asp-page 链接都不再工作。URL 在地址栏中更改,但我们仍然停留在同一页上。启动文件如下:
如果有人能向我指出一个关于Razor Pages和Blazor组件的多页教程,我相信我们可以解决这个问题!提前感谢!
Blazor组件运行良好。
微软文档说明 - 将组件集成到Razor Pages和MVC应用程序中,使用现有的Razor Pages和MVC应用程序与组件一起使用。无需重写现有页面或视图以使用Razor组件。页面或视图呈现时,组件将同时进行预渲染†。- https://learn.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0
public void ConfigureServices(IServiceCollection services)
{
services.Configure<CookiePolicyOptions>(options =>
{
options.CheckConsentNeeded = context => true;
});
services.AddRazorPages()
.AddNewtonsoftJson();
services.AddServerSideBlazor();
}
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
app.UseDeveloperExceptionPage();
}
else
{
app.UseExceptionHandler("/Error");
app.UseHsts();
}
app.UseHttpsRedirection();
app.UseStaticFiles();
app.UseCookiePolicy();
app.UseRouting();
app.UseAuthorization();
app.UseEndpoints(endpoints =>
{
endpoints.MapRazorPages();
endpoints.MapBlazorHub();
});
}
如果有人能向我指出一个关于Razor Pages和Blazor组件的多页教程,我相信我们可以解决这个问题!提前感谢!
Blazor组件运行良好。
<a asp-page="./Index">Home</a><br />
<div id="Counter"> @(await Html.RenderComponentAsync<Counter>())
<script src="~/_framework/blazor.server.js">
</script>
</div>
微软文档说明 - 将组件集成到Razor Pages和MVC应用程序中,使用现有的Razor Pages和MVC应用程序与组件一起使用。无需重写现有页面或视图以使用Razor组件。页面或视图呈现时,组件将同时进行预渲染†。- https://learn.microsoft.com/en-us/aspnet/core/blazor/components?view=aspnetcore-3.0