Çözüldü Angular API bağlantısında cors error

dustin poirier · 18 Eylül 2024

Kod:

Access to XMLHttpRequest at 'https://localhost:7193/api/Company' from origin 'http://localhost:4200' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Localhost'uma API bağlantısı yapıyorum API'yi görüyor fakat bağlanırken yukarıda gördüğünüz hatayı veriyor. Jsonplaceholder kullanırken ise bu sorun kesinlikle yaşanmıyor. İyi Sosyaller.

rhard981 · 18 Eylül 2024

API neyle yazdin. .NET ise program.cs icerisinde cors policy ayarlaman gerekiyor.

C#:

builder.Services.AddCors(options => options.AddDefaultPolicy(policy =>
                            policy.AllowAnyMethod()
                                  .AllowAnyHeader()
                                  .AllowCredentials()
                                  .SetIsOriginAllowed(origin => true)));
// olicy'leri istedigin gibi ayarlayabilirsin hangi metodlarin cagirilabilecegi ya da hangi ip den gelen isteklerin kabul edilecegi gibi.
.
.
.
.
var app = builder.Build();

app.UseCors(); //

Enable Cross-Origin Requests (CORS) in ASP.NET Core

Learn how CORS as a standard for allowing or rejecting cross-origin requests in an ASP.NET Core app.

learn.microsoft.com

buradan daha detayli inceleyebilirsin konfigurasyonlari.

dustin poirier · 18 Eylül 2024

options.AddPolicy("AllowSpecificOrigin",
builder => builder.WithOrigins("http://localhost4200") // Angular uygulamanızın URL'si
.AllowAnyMethod()
.AllowCredentials()
.AllowAnyHeader());
app.UseCors("AllowAllOrigins"); // CORS politikasını burada uygulayın

Çözüldü Angular API bağlantısında cors error

Ayrıntılı düzenleme

dustin poirier

Kilopat

dustin poirier

rhard981

Hectopat

Enable Cross-Origin Requests (CORS) in ASP.NET Core

dustin poirier

Kilopat

Benzer konular

Technopat Haberler

Yeni konular

Yeni mesajlar

Gizliliğinize önem veriyoruz