Cors Error in dotnet core angular app nothing is working

I have tried so many different ways of setting this up and for some reason I just cannot get this cors error to go away. I am trying to allow all origins now for testing and I will lock it down later. Nothing I have tried has worked. This error keeps persisting. I even tried creating a new project and copying the settings file for that as that does not show a cors error but when I run it in my project I get the cors error. What am I doing wrong?

Here is my Startup.cs

using Microsoft.AspNetCore.Builder;  using Microsoft.AspNetCore.Hosting;  using Microsoft.AspNetCore.HttpsPolicy;  using Microsoft.AspNetCore.SpaServices.AngularCli;  using Microsoft.Extensions.Configuration;  using Microsoft.Extensions.DependencyInjection;  using Microsoft.Extensions.Hosting;    namespace JAKCloud  {      public class Startup      {          public Startup(IConfiguration configuration)          {              Configuration = configuration;          }            public IConfiguration Configuration { get; }            // This method gets called by the runtime. Use this method to add services to the container.          public void ConfigureServices(IServiceCollection services)          {              services.AddCors();              services.AddControllersWithViews();              // In production, the Angular files will be served from this directory              services.AddSpaStaticFiles(configuration =>              {                  configuration.RootPath = "ClientApp/dist";              });          }            // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.          public void Configure(IApplicationBuilder app, IWebHostEnvironment env)          {              if (env.IsDevelopment())              {                  app.UseDeveloperExceptionPage();              }              else              {                  app.UseExceptionHandler("/Error");                  // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.                  app.UseHsts();              }                app.UseHttpsRedirection();              app.UseCors(builder => builder.AllowAnyHeader().AllowAnyMethod().AllowAnyOrigin().AllowAnyCredentials());              app.UseStaticFiles();              if (!env.IsDevelopment())              {                  app.UseSpaStaticFiles();              }                app.UseRouting();                app.UseEndpoints(endpoints =>              {                  endpoints.MapControllerRoute(                      name: "default",                      pattern: "{controller}/{action=Index}/{id?}");              });                app.UseSpa(spa =>              {                  // To learn more about options for serving an Angular SPA from ASP.NET Core,                  // see https://go.microsoft.com/fwlink/?linkid=864501                    spa.Options.SourcePath = "ClientApp";                    if (env.IsDevelopment())                  {                      spa.UseAngularCliServer(npmScript: "start");                  }              });          }      }  }    

https://stackoverflow.com/questions/67428123/cors-error-in-dotnet-core-angular-app-nothing-is-working May 07, 2021 at 10:06AM