Merhaba, Frontend uygulamalarınızı yaparken zaman zaman cors problemi ile karşılaşmışsınızdır. Uygulamanızdan bir api’ ye XHR Request yaptığınzda, tarayıcınızın console’ unda “No ‘Access-Control-Allow-Origin’ header is present on the requested resource” şeklinde bir hata alıyorsanız doğru yerdesiniz.

Bu hatayı almanızın sebebi http://stackoverflow.com/a/10636765 adresinde gayet detaylıca anlatıldığı için, ben tekrarlamayı düşünmüyorum. Ben size direk olarak çözümü vereceğim.

Yahoo’ nun geliştiriciler için sunduğu YQL’ i duymuş olabilirsiniz. Duymadıysanız https://developer.yahoo.com/yql adresinden duyabilirsiniz. Çünkü kendisini çok beğendim, tavsiye ederim.

CORS Problemine Çözüm nerdeeeee?

Tek yapmanız gereken, XHR Request yapacağınız adresi yql ile sarmalamak, örneğin jquery için örnek aşağıdaki gibi;

Yukarıdaki kodta öncelikle istekYapacagimAdres değişkenine XHR Request’ in adresini yazıyorum. Ardından bu adresi yql ile birleştirip, yql değişkenine aktarıyorum. Ve ardından klasik ajax işlemi. Siz bunu AngularJS içinde yapabilirsiniz. Aşağıdaki gibi

 

 

Leave A Comment

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir