Not getting a valid json from controller Get – Asp.net

This is a Blazer server app, and im having trouble getting the values from the Controller using a ApiService, where I call the api service method from a @code section of the Index.razor page.

Index.razor

@code {

    private List<SystemUser> systemUsers;
    private List<RegisterUserModel> registerUserModels = new List<RegisterUserModel>();
    private RegisterUserModel registerUserModel = null;

    protected override async Task OnInitializedAsync()
    {
        try
        {
            systemUsers = await SystemUsersService.GetSystemUsers();

            if (systemUsers != null && systemUsers.Count > 0)
            {
                foreach (SystemUser systemUser in systemUsers)
                {
                    registerUserModel = new RegisterUserModel()
                    {
                        FirstName = systemUser.FirstName
                        ,
                        LastName = systemUser.LastName
                        ,
                        Email = systemUser.Email
                        ,
                        UserName = systemUser.UserName
                        ,
                        Password = systemUser.Password
                    };

                    registerUserModels.Add(registerUserModel);
                }
            }

        }
        catch (Exception exception)
        {
            Console.WriteLine("Error " + exception);
        }
    }

}

ApiServiceClass

    public class SystemUsersService 
    {
        private readonly IHttpClientFactory _clientFactory;

        public SystemUsersService(IHttpClientFactory clientFactory)
        {
            _clientFactory = clientFactory;
        }
        public async Task<List<SystemUser>> GetSystemUsers()
        {
            var result = new List<SystemUser>();

            try
            {
                var url = string.Format("https://localhost:44391/systemusers/get");

                var request = new HttpRequestMessage(HttpMethod.Get, url);
                request.Headers.Add("Accept", "application/json");

                var client = _clientFactory.CreateClient();

                var response = await client.SendAsync(request);


                if (response.IsSuccessStatusCode)
                {
                    var stringResponse = await response.Content.ReadAsStringAsync();

                    result = JsonSerializer.Deserialize<List<SystemUser>>(stringResponse,
                        new JsonSerializerOptions() { PropertyNamingPolicy = JsonNamingPolicy.CamelCase });
                }
                else
                {
                    result = Array.Empty<SystemUser>().ToList();
                }
            } catch (Exception exception)
            {
                throw exception;
            }

            return result;

        }
    }
}

Controller

namespace ServerWebAppForCW.Controllers
{
    [ApiController]
    [Route("[controller]")]
    public class SystemUserController : ControllerBase
    {   

        [HttpGet("/systemusers/get")]
        public async Task<IEnumerable<SystemUser>> GetAll()
        {
            var model = new List<SystemUser>();
            RegisterUserModel registerUserModel = new RegisterUserModel();

            model = await registerUserModel.GetSystemUsers();

            return model;
        }

        [HttpGet("/systemusers/create")]
        public async Task<Boolean> CreateSystemUser(RegisterUserModel registerUserModel)
        {
            return await registerUserModel.CreateSystemUser();
        }
    }
}

From the below line of the Service class, the response i get over here is a weird html doc sort of thing in the content, though the status code is 200, when debugging the SendAsync does not call the controller method ‘GetAll()’. So i dont know from where this call even gets the data.

var response = await client.SendAsync(request);

Here is the image

response-of-api-call

Moving on, an error get’s thrown in he below line

result = JsonSerializer.Deserialize<List<SystemUser>>(stringResponse,
        new JsonSerializerOptions() { PropertyNamingPolicy = JsonNamingPolicy.CamelCase });

Which kind of makes sense since JsonSerilizer is trying to deserialize a html response.

Exception error image

Exception-error-image

Error in text:

{"'<' is an invalid start of a value. Path: $ | LineNumber: 1 | BytePositionInLine: 0."}

So my question would be why am i getting this weird html response rather than the HttpClientFactory call not calling my controller’s api?

Hope someone could explain this situation.

Fyi my start up injection

        public void ConfigureServices(IServiceCollection services)
        {
            services.AddRazorPages();
            services.AddServerSideBlazor();
            services.AddSingleton<WeatherForecastService>();
            services.AddScoped<SystemUserService>();
            services.AddSingleton<SystemUsersService>();


            services.AddDbContext<AppDBContext>(item => item.UseSqlServer(Configuration.GetConnectionString("myconn")));
            services.AddHttpClient();
        }