Proje geliştirken servis bağlantısında bazen sorun olabiliyor ve Tarayıcı console u açtığınızda aşağıdaki hataların yazdığını görüyorsunuz. Bu CORS hatalarının ana sebebi kaynak portun ve hedef portun farklı olmasından.
Projenizde aşağıdaki hataları alıyorsanız düzeltmeniz gereken bazı şeyler vardır. Uzun uğraşlar sonucu bunları çözüme ulaştırdım bundan dolayı çözümleri paylaşmak istedim.
1.Yöntem
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://yourappname.com/all. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).
Failed to load https://yourappname.com//all No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘https://yourappname.com/all is therefore not allowed access.
Eğer projeniz spring projesi ise controllerin üstüne bu tagı eklemelisiniz: @CrossOrigin
ÖR:
@CrossOrigin(maxAge = 3600)
@RestController
@RequestMapping(value=”/all”)
public class CoinController {
@CrossOrigin
@RequestMapping(method = RequestMethod.GET, value = “/hello”)
public String hello() {
return “selam”;
}
}
2. Yöntem;
Eğer Macbook kullanıyor iseniz termianlden aşağıdaki kod satırnı çalıştırın ve açılan chrome u kullanın;
open -na Google\ Chrome --args --user-data-dir=/tmp/temporary-chrome-profile-dir --disable-web-security --disable-site-isolation-trials
LİNUX – UBUNTU için;
google-chrome --disable-web-security
WINDOWS da Google Chrome Cors Hatası Çözümü;
Bu çözümde direk Google Chrome ayarlarını değiştireceğiz. Kesin bir çözümdür.
- Google Chrome u bir kısayol olarak daha oluşturalım masaüstüne.
- Bu oluşturduğumuz kısayol olan yeni Chrome a sağ tık -> Properties
- Target alanında yazılı kısmı göreceksiniz. Onun sonuna aşağıdaki kısmı ekleyin;
–disable dan sonrası; "C:\Program Files (X86) Google Chrome Application\chrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession"
- Chrome açın ve en üstte şu yazıyı görmelisiniz -disable-web-security …
3. Yöntem
Cors plugini Cors çözümü için en kolay yöntem olabilir.Chorome magazasından; https://chrome.google.com/webstore/category/extensions?hl=tr
Moesif Origin & CORS Changer eklentisini yükleyin. ardından On ile aktif edin.