.NET 8 Blazor客户端表单莫名恢复正常，求代码有效性及缓存验证方法

问题背景 #

我在.NET 8 Blazor客户端项目中有一个简单页面（代码如下），此前该代码始终弹出“FirstName is required”和“LastName is required”的验证错误提示。为排查是否存在约束限制，我将代码文件复制到解决方案的Server项目中，设置rendermode InteractiveServer后代码可正常运行。随后我将文件移回Client项目，把渲染模式改为InteractiveAuto，执行清理并重新生成所有项目（期望清除WebAssembly缓存），意外发现客户端现在也能正常运行。该代码无复杂服务器交互逻辑，我疑惑它为何突然恢复正常，且担心可能是InteractiveServer版本被缓存导致的假象。现请求确认：

1. 此代码是否为有效的.NET 8 Blazor客户端代码？若无效，需添加或修改哪些内容？
2. 如何验证Edge浏览器加载的WebAssembly是完全全新的（未被缓存）？

页面代码 #

@page "/formdataentryclient"
@using System.ComponentModel.DataAnnotations
@rendermode InteractiveAuto

<h3>Data Entry Form using EditForm and built in Input components</h3>

<EditForm Model="@person" FormName="DataEntryForm" Enhance OnInvalidSubmit="OnInvalidSubmit" OnValidSubmit="OnValidSubmit">
    <DataAnnotationsValidator />
    <ValidationSummary />
    
    <div>
        <label>First name:</label>
        <InputText @bind-Value="person!.FirstName"></InputText><ValidationMessage For="@(() => person!.FirstName)"></ValidationMessage>
    </div>
    <div>
        <label>Last name:</label>
        <InputText @bind-Value="person!.LastName"></InputText><ValidationMessage For="@(() => person!.LastName)"></ValidationMessage>
    </div>
    <button type="submit">Submit</button>
</EditForm>

@code {

    public class Person
    {
        [Required] [StringLength(10)] 
        public string FirstName { get; set; } = "";
        
        [Required]
        [StringLength(10)]
        public string LastName { get; set; } = "";
    }

    [SupplyParameterFromForm(FormName = "DataEntryForm")]
    private Person? person { get; set; } 

    protected override Task OnInitializedAsync()
    {
        person = new();
        return base.OnInitializedAsync();
    }

    private void OnValidSubmit()
    {
        Console.WriteLine($"Submitted: {person!.FirstName} {person!.LastName}");
    }

    private void OnInvalidSubmit(EditContext obj)
    {
        foreach (var message in obj.GetValidationMessages())
        {
            Console.WriteLine(message);
        }
    }

}

问题解答 #

1. 代码有效性分析及优化建议 #

这段代码是有效的.NET 8 Blazor客户端代码，但存在一处可能引发初始验证异常的细节：

• [SupplyParameterFromForm]特性用于从表单提交数据绑定参数，而你在OnInitializedAsync中直接初始化person实例。组件首次渲染时，SupplyParameterFromForm会尝试从请求表单中获取数据（此时为空），可能和初始化实例产生冲突，这大概率是之前出现验证错误的原因。
• 优化方案：移除OnInitializedAsync中的初始化逻辑，改为在参数声明时直接初始化，避免实例初始化与表单参数绑定的冲突：

  [SupplyParameterFromForm(FormName = "DataEntryForm")]
  private Person person { get; set; } = new Person();
  

2. Edge浏览器验证WebAssembly缓存的方法 #

• 强制刷新+禁用缓存：打开Edge开发者工具（F12），切换到「网络」标签，勾选「禁用缓存」选项，然后按Ctrl+Shift+R强制刷新页面，此时浏览器会重新加载所有资源，包括WebAssembly文件。
• 检查WebAssembly文件响应头：在开发者工具「网络」标签中找到.wasm后缀的文件，查看「响应头」中的ETag字段——全新加载的文件ETag会和旧版本不同；同时可查看Cache-Control字段，全新加载时通常显示no-cache或max-age=0。
• 修改版本号触发更新：在项目Program.cs中给WebAssembly资源添加版本参数，比如：

  builder.Services.AddScoped(sp => new HttpClient { 
      BaseAddress = new Uri($"{builder.HostEnvironment.BaseAddress}?v=1.0.1") 
  });
  

  每次修改版本号，浏览器会判定为新资源，强制重新加载。
• 手动清理缓存存储：打开Edge开发者工具「应用」标签，在「缓存存储」中找到对应站点，手动删除旧的WebAssembly缓存文件。

内容的提问来源于stack exchange，提问作者Scott