วิธีเปิดใช้งาน CORS ใน ASP.NET Core

ฉันกำลังพยายามเปิดใช้งานการข้ามแหล่งข้อมูลร่วมกันบน ASP.NET Core Web API ของฉัน แต่ฉันติดขัด

EnableCorsแอตทริบิวต์ยอมรับpolicyNameจากประเภทstringเป็นพารามิเตอร์:

// Summary:
//     Creates a new instance of the Microsoft.AspNetCore.Cors.Core.EnableCorsAttribute.
//
// Parameters:
//   policyName:
//     The name of the policy to be applied.
public EnableCorsAttribute(string policyName);

อะไรpolicyNameหมายและวิธีการที่ฉันสามารถกำหนดค่าธบนหลัก ASP.NET Web API?

คุณต้องกำหนดค่านโยบาย CORS เมื่อเริ่มต้นแอปพลิเคชันในConfigureServicesวิธีการ:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(o => o.AddPolicy("MyPolicy", builder =>
    {
        builder.AllowAnyOrigin()
               .AllowAnyMethod()
               .AllowAnyHeader();
    }));

    // ...
}

The CorsPolicyBuilderin builderอนุญาตให้คุณกำหนดค่านโยบายตามความต้องการของคุณ ตอนนี้คุณสามารถใช้ชื่อนี้เพื่อใช้นโยบายกับตัวควบคุมและการกระทำ:

[EnableCors("MyPolicy")]

หรือนำไปใช้กับทุกคำขอ:

public void Configure(IApplicationBuilder app)
{
    app.UseCors("MyPolicy");

    // ...

    // This should always be called last to ensure that
    // middleware is registered in the correct order.
    app.UseMvc();
}

ใช้กับ. NET Core 1 และ. Net Core 2 (เพิ่มเติมลงไป)

หากใช้งาน .Net-Core 1.1

น่าเสียดายที่เอกสารนั้นสร้างความสับสนในกรณีนี้โดยเฉพาะ ดังนั้นฉันจะทำให้มันง่าย - ตาย:

• เพิ่มMicrosoft.AspNetCore.Corsแพ็คเกจ nuget ให้กับโครงการของคุณ
• ในConfigureServicesวิธีการเพิ่มservices.AddCors();

• ในConfigureวิธีการก่อนโทรapp.UseMvc()และapp.UseStaticFiles()เพิ่ม:

  app.UseCors(builder => builder
      .AllowAnyOrigin()
      .AllowAnyMethod()
      .AllowAnyHeader()
      .AllowCredentials());

แค่นั้นแหละ. ลูกค้าทุกคนสามารถเข้าถึง ASP.NET Core เว็บไซต์ / API ของคุณได้

หากใช้งาน .Net-Core 2.0

• เพิ่มMicrosoft.AspNetCore.Corsแพ็คเกจ nuget ให้กับโครงการของคุณ

• ในConfigureServicesวิธีการก่อนโทรservices.AddMvc()เพิ่ม:

   services.AddCors(options =>
      {
          options.AddPolicy("AllowAll",
              builder =>
              {
                  builder
                  .AllowAnyOrigin() 
                  .AllowAnyMethod()
                  .AllowAnyHeader()
                  .AllowCredentials();
              });
      });

• (สำคัญ)ในConfigureวิธีการก่อนโทรapp.UseMvc()เพิ่ม app.UseCors("AllowAll");

  AllowAllเป็นชื่อนโยบายที่เราจำเป็นต้องกล่าวถึงใน app.UserCors อาจเป็นชื่ออะไรก็ได้

จากคำตอบของ Henkฉันสามารถสร้างโดเมนเฉพาะวิธีที่ฉันต้องการอนุญาตและส่วนหัวที่ฉันต้องการเปิดใช้งาน CORS สำหรับ:

public void ConfigureServices(IServiceCollection services)
{
    services.AddCors(options =>
         options.AddPolicy("AllowSpecific", p => p.WithOrigins("http://localhost:1233")
                                                   .WithMethods("GET")
                                                   .WithHeaders("name")));
    services.AddMvc();
}

การใช้งาน:

[EnableCors("AllowSpecific")]

โดยเฉพาะใน dotnet core 2.2 ด้วย SignalR คุณต้องเปลี่ยน

.WithOrigins("http://localhost:3000") หรือ

.SetIsOriginAllowed(isOriginAllowed: _ => true) //for all origins

แทน.AllowAnyOrigin()ด้วย.AllowCredentials()

https://trailheadtechnology.com/breaking-change-in-aspnetcore-2-2-for-signalr-and-cors/

https://github.com/aspnet/AspNetCore/issues/4483

หากคุณโฮสต์บน IIS เหตุผลหนึ่งที่เป็นไปได้คือคุณได้รับสิ่งนี้เพราะ IIS กำลังบล็อกOPTIONSคำกริยา ฉันใช้เวลาเกือบชั่วโมงเพราะเหตุนี้:

หนึ่งตัวบ่งชี้ปากโป้งคือคุณได้รับ404ข้อผิดพลาดในระหว่างการOPTIONSร้องขอ

ในการแก้ไขปัญหานี้คุณต้องแจ้ง IIS อย่างชัดเจนไม่ให้บล็อกOPTIONSคำขอ

ไปที่การร้องขอการกรอง:

ตรวจสอบให้แน่ใจว่าอนุญาตตัวเลือก:

หรือเพียงแค่สร้างweb.configด้วยการตั้งค่าต่อไปนี้:

<system.webServer>
    <security>
        <requestFiltering>
            <verbs>
                <remove verb="OPTIONS" />
                <add verb="OPTIONS" allowed="true" />
            </verbs>
        </requestFiltering>
    </security>
</system.webServer>

คุณต้องกำหนดค่าในคลาส Startup.cs

services.AddCors(options =>
        {
            options.AddPolicy("CorsPolicy",
                builder => builder.AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader()
                .AllowCredentials());
        });

`

    public void ConfigureServices(IServiceCollection services)
    {
        services.AddCors(options =>
        {
            options.AddPolicy("AllowAnyOrigin",
                builder => builder
                .AllowAnyOrigin()
                .AllowAnyMethod()
                .AllowAnyHeader());
        });

        services.Configure<MvcOptions>(options => {
            options.Filters.Add(new CorsAuthorizationFilterFactory("AllowAnyOrigin"));
        });            
    }

`

เตรียมพร้อมใช้งานกับ. Net Core 3.1ดังนี้

1. ตรวจสอบให้แน่ใจว่าคุณวางรหัส UseCors ระหว่าง app.UseRouting (); และ app.UseAuthentication ();

        app.UseHttpsRedirection();

        app.UseRouting();
        app.UseCors("CorsApi");

        app.UseAuthentication();
        app.UseAuthorization();

        app.UseEndpoints(endpoints => {
            endpoints.MapControllers();
        });

2. จากนั้นวางรหัสนี้ในวิธีการ ConfigureServices

services.AddCors(options =>
        {
            options.AddPolicy("CorsApi",
                builder => builder.WithOrigins("http://localhost:4200", "http://mywebsite.com")
            .AllowAnyHeader()
            .AllowAnyMethod());
        });

3. และเหนือฐานควบคุมฉันวางมันไว้

[EnableCors("CorsApi")]
[Route("api/[controller]")]
[ApiController]
public class BaseController : ControllerBase

ตอนนี้ตัวควบคุมทั้งหมดของฉันจะสืบทอดจาก BaseController และจะเปิดใช้งาน CORS

ขั้นตอนที่ 1: เราต้องการแพ็คเกจ Microsoft.AspNetCore.Cors ในโครงการของเรา สำหรับการติดตั้งไปที่เครื่องมือ -> ตัวจัดการแพ็คเกจ NuGet -> จัดการแพคเกจ NuGet สำหรับโซลูชัน ค้นหา Microsoft.AspNetCore.Cors และติดตั้งแพ็คเกจ

ขั้นตอนที่ 2: เราจำเป็นต้องฉีด CORS ลงในคอนเทนเนอร์เพื่อให้แอปพลิเคชันสามารถใช้งานได้ ในชั้นเรียน Startup.cs ไปที่วิธี ConfigureServices แล้วลงทะเบียน CORS

ดังนั้นในแอพเซิร์ฟเวอร์ของเราไปที่ Controllers -> HomeController.cs และเพิ่มมัณฑนากร EnableCors ไปที่วิธีการทำดัชนี (หรือตัวควบคุมและการกระทำเฉพาะของคุณ):

สำหรับรายละเอียดเพิ่มเติมคลิกที่นี่

วิธีแก้ปัญหาทั้งหมดที่กล่าวถึงข้างต้นอาจใช้งานได้หรืออาจไม่ทำงานในกรณีส่วนใหญ่จะไม่ทำงาน ฉันได้แก้ปัญหาที่นี่

ขณะนี้ฉันกำลังทำงานกับ Angular และ Web API (.net Core) และพบกับปัญหา CORS ที่อธิบายไว้ด้านล่าง

วิธีแก้ปัญหาที่ให้ไว้ข้างต้นจะใช้ได้เสมอ ด้วยการร้องขอ 'ตัวเลือก' มันจำเป็นจริงๆที่จะต้องเปิดใช้งาน 'การพิสูจน์ตัวตนแบบไม่ระบุชื่อ' ด้วยโซลูชันที่กล่าวถึงที่นี่คุณไม่ต้องทำตามขั้นตอนทั้งหมดที่กล่าวถึงข้างต้นเช่นการตั้งค่า IIS

อย่างไรก็ตามมีคนทำเครื่องหมายโพสต์ข้างต้นของฉันซ้ำกับโพสต์นี้ แต่ฉันเห็นว่าโพสต์นี้เปิดใช้งาน CORS ใน ASP.net Core เท่านั้น แต่โพสต์ของฉันเกี่ยวข้องกับการเปิดใช้งานและการใช้ CORS ใน ASP.net Core และ Angular