CORS Issue 204 using frontend Angular and .NET Core 6

Question

I have built a website. I can access the webpage using Chrome, Firefox, Opera, and Edge. However, on Safari, I get errors. This was working fine until five days go I started to get these errors. Even reverting to the old version did not resolve the issue.

My backend code in C# is:

builder.Services.AddCors(
                opt =>
                {
                    opt.AddDefaultPolicy(
                        builder =>
                        {
                            builder
                                .WithOrigins(
                                "https://polite-flower-03890aa1e.2.azurestaticapps.net",
                                "https://www.qldfuelprices.com.au")
                                .AllowAnyHeader()
                                .AllowAnyMethod();
                        });
                });
app.UseCors();

Front-end code in Angular is:

export class FuelPriceService {

  constructor(private http:HttpClient) { }
  getFuelPricesByType(fuelType: string): Observable<FuelPrice[]> {
    return this.http.get<FuelPrice[]>(`${environment.baseUrl}/FuelSearch/minFuelPriceByFuelType/${fuelType}`);
  }
 
  getFuelPricesByFuelTypeAndBrand(brand: string, fuelType:string): Observable<FuelPrice[]> {
    return this.http.get<FuelPrice[]>(`${environment.baseUrl}/FuelSearch/fuelPriceByFuelTypeAndRetailerAndPostCode/${fuelType}/${brand}`);
  }

  getFuelPricesByFuelTypeAndPostCode(postCode: string, fuelType:string): Observable<FuelPrice[]> {
    return this.http.get<FuelPrice[]>(`${environment.baseUrl}/FuelSearch/fuelTypeAndPostcode/${postCode}/${fuelType}`);
  }
}

Error in Safari: