blazor post收到type error错误 failed to fetch

问题遇到的现象和发生背景

http://192.168.123.246:906/api/request，经postman调试，正常接收和发送。
PostAsJsonAsync不能正确发送请求，返回错误：TypeError: Failed to fetch

问题相关代码，请勿粘贴截图

Program.cs 代码：
builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
Index.razor代码：
Http.BaseAddress = new Uri("http://192.168.123.246:906/");
string url = Http.BaseAddress + "api/request";

        var request = new VCSRequestModel
       {
           VRId = vcsrm.VRId,
           VRType = VPType,
           PhoneNo = vcsrm.PhoneNo,
           EnrollPhoneNo = vcsrm.EnrollPhoneNo,
           Name = vcsrm.Name,
           Sex = vcsrm.Sex,
       };

       var response = await Http.PostAsJsonAsync(url, request);

运行结果及报错内容

PostAsJsonAsync此处返回TypeError: Failed to fetch错误

我想要达到的结果

能够正确发送请求