Cors Error for HTTP but not for HTTPs in ASP.NET Webapi

Question

My Ionic-Angular front end is trying to get data from a C# ASP.NET Webapi, both hosted as Azure App services.

It works fine when using https but not when using http.

I've tried different configurations in my startup.cs, but somehow it doesn't go through:

opt.AddPolicy("CorsPolicy", policy =>
                    {
                        policy
                        .AllowAnyOrigin()
                        .AllowAnyHeader()
                        .AllowAnyMethod();
            
                        // policy.AllowAnyHeader().AllowAnyMethod().WithOrigins("http://localhost:8100");
                    });

   opt.AddPolicy("CorsPolicy", policy =>
                    {
                        policy
                        .WithOrigins("https://cappuccinobudget.azurewebsites.net", 
                                     "http://cappuccinobudget.azurewebsites.net" )
                                     .AllowAnyHeader()
                                     .AllowAnyMethod();
            
                        
                    });

Any tips?

Answer 1

try to replace your Cors syntax with this

services.AddCors(o => o.AddPolicy("CorsPolicy",
                    builder =>
                    {
                       builder.WithOrigins("http://localhost:8100")
                       .AllowAnyMethod()
                       .AllowAnyHeader();
            }));
.....

    app.UseCors("CorsPolicy");