1.首先，在Blazor WebAssembly应用程序的Pages文件夹中创建一个新的空布局文件Layout.cshtml：

    
    
    
    


    
        @Body
    
    

2.在Pages文件夹中创建一个新的页面WithoutLayout.razor，它将不使用布局文件：

@page "/WithoutLayout"
@using Microsoft.AspNetCore.Components.Web

Without Layout
This page has no layout

@code {
}

3.将WithoutLayout.razor页面中的代码块包裹在一个不使用布局的sections标记内：

@page "/WithoutLayout"
@using Microsoft.AspNetCore.Components.Web

@{
    Layout = null;
}


    
Without Layout
    
This page has no layout


@code {
}

注意：在WithoutLayout.razor页面中，将Layout属性设置为null将禁止使用默认布局文件。将这些代码放入位置正确的文件中，然后运行应用程序，即可看到一个没有布局的页面。