由于 .Net 核心中的 CORS 策略，来自 Angular 的 http 请求被阻止

Question

我目前正在从事 .Net 核心项目。我的前端是有角度的。我已经在服务器端处理了 CORS，事实上，它在 JWT 实现后遇到此错误后更早工作。

错误：从源“https://localhost:4200”访问“https://localhost:5001/api/users”处的 XMLHttpRequest 已被 CORS 策略阻止：没有“Access-Control-Allow-Origin”请求的资源上存在标头。

    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
            app.UseSwagger();
            app.UseSwaggerUI(c => c.SwaggerEndpoint("/swagger/v1/swagger.json", "API v1"));
        }

        app.UseHttpsRedirection();

        app.UseRouting();

        app.UseCors(x=>x.AllowAnyHeader().AllowAnyMethod().WithOrigins("https://localhost:4200/"));

        app.UseAuthentication();

        app.UseAuthorization();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapControllers();
        });
    
    }
     public void ConfigureServices(IServiceCollection services)
    {

        services.AddApplicationServices(_config);
        services.AddControllers();


        // services.AddCors(optpolicy => optpolicy.AddPolicy().AllowAnyMethod().WithOrigins("https://localhost:4002/"));
        services.AddCors();
        
        services.AddIdentityServices(_config);


        services.AddSwaggerGen(c =>
        {
            c.SwaggerDoc("v1", new OpenApiInfo { Title = "API", Version = "v1" });
        });
    }

    getUsers()
 {
   this.http.get('https://localhost:5001/api/users').subscribe(response=>{
  this.users=response;
  },error=>{console.log(error);
   }
   );
   }

Answer 1

您使用了错误的语法和错误的端口号 4002。试试这个

配置服务：

services.AddCors(o => o.AddPolicy("AllowSomeOrigins", builder =>
            {
                builder.WithOrigins("https://localhost:4200")
                       .AllowAnyMethod()
                       .AllowAnyHeader();
            }));

请注意，您不应在 url 中使用尾随“/”，此代码应位于该部分的顶部。

配置：

app.UseCors("AllowSomeOrigins");

原地离开。