DÜZELTME: Angular'da erişim-kontrol-izin-başlangıç ​​başlığı hatası yok

Angular geliştiricilerinin günlük işlerinde karşılaşabilecekleri en yaygın hata mesajlarından biri: istenen kaynakta erişim-kontrol-izin-başlangıç ​​başlığı yok.

Bu belirli bir Açısal sorun değil, bir CORS (Kaynaklar Arası Kaynak Paylaşımı) başlık sorunu. Bu, arka uç sunucusunun farklı bir bağlantı noktasında veya etki alanında çalışacak şekilde yapılandırıldığı anlamına gelebilir.

---

Windows 10'da Erişim denetimi yok hatasını nasıl düzeltirim?

1. Sunucu düzeyinde değişiklik yapın

Sunucuya erişiminiz varsa, ekleyerek CROS isteklerini etkinleştirin. Erişim-Kontrol-İzin Ver-Origin: * başlık. Bundan sonra, yapılandırın kor giriş, altında sistem.webSunucusu içinde web.config Dosya, aşağıdaki örnekte olduğu gibi.

• ”1.0″?
• etkin="doğru">
• köken=“ https://someorigin.domain.com”>
• yöntem="ALMAK"/>
• yöntem="KAFA"/>
• </system.webServer>

Buraya, kor sağlayacaktır ALMAK ve BAŞ gelen istekler https://someorigin.domain.com/.

Ayrıca, kullanıyorsanız IIS (İnternet Bilgi Hizmetleri) indirmen gerekecek IIS CORS Modülü.

* yerine bir etki alanı veya etki alanı listesi belirtmeye dikkat edin. Aksi takdirde, sunucuya yapılan çapraz kaynak istekleri her yerden etkinleştirilir.

açık Apaçi, yapılandırma dosyasında satırı eklemeniz gerekir Başlık seti Erişim-Kontrol-İzin Ver-Köken '*'. Yine, '*' yerine isteklerin yapılacağı kaynakların bir listesini koymak akıllıca olacaktır.

---

2. Kendi proxy sunucunuzu çalıştırın

1. İlk olarak, kök Angular klasöründe bir proxy yapılandırma dosyası oluşturacağız. kaynak/proxy.conf.json, ve içine aşağıdaki kodu yazın:
   • {"/api":
   • "hedef":" http://localhost: 6000","güvenli": yanlış }
   • }
2. İkincisi, içinde angular.jsondosya, ekleyin proxyYapılandırmaseçeneğinde servis hedef:
   • "servis": {
   • "inşaatçı":" ",
     
   • "seçenekler":{"proxyConfig":"src/proxy.conf.json"}
     
   • }
3. Şimdi mevcut yapılandırmayı şu komutla çalıştırın: hizmet etmek komut.

Bir proxy sunucusu, isteklerinizi uzak sunucuya iletir. Ardından, bir proxy sunucusunun nasıl yapılandırılacağını göreceğiz.

Angular'daki veri istekleri, şu konum gibi 4200 numaralı bağlantı noktasında localhost'a yapılan API çağrılarıdır:

• http://localhost: 4200/api/datareq.

Ancak, yukarıdaki örnekte, istenen verinin şu adreste olduğunu varsaydık: Bu konum:

• http://localhost: 6000/api/datareq.

---

İyi proxy çözümleriyle ilgileniyor musunuz? Bu özel araçlar listesine göz atın

---

3. Dtarayıcınızda Aynı Menşe Politikasını etkinleştirin

Not: Bu özel yöntem, tarayıcınızı (ve sisteminizi) büyük güvenlik risklerine maruz bırakabileceğinden önerilmez.

Her şey çalışmıyorsa, tarayıcıda Same Origin Policy'yi devre dışı bırakmaya başvurabilirsiniz. Ancak dikkatli olun, bu tarayıcınızı (ve sisteminizi) büyük güvenlik risklerine maruz bırakacaktır.

İçin Google Chrome, Windows 10'da Komut İstemi'ni yönetici olarak açın ve aşağıdaki komutu çalıştırın:

C: Program Dosyaları (x86)GoogleChromeApplicationchrome.exe" --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp..

Sonuç olarak, istenen kaynakta erişim-kontrol-izin-başlangıç ​​başlığı yok hata mesajı, sunucu tarafında bir sorundur.

Angular geliştiricileri için, sunucu yapılandırmasını değiştirmek veya bir proxy sunucusu kullanmak gayet iyi çalışmalıdır.

Aşağıdaki yorum bölümünde bu kılavuz hakkında ne düşündüğünüzü bize bildirin.

---

---