Access-Control-Allow-Origin’ header veya CORS hatası çözümleri

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.

  1. Google Chrome u bir kısayol olarak daha oluşturalım masaüstüne.
  2. Bu oluşturduğumuz kısayol olan yeni Chrome a sağ tık -> Properties
  3. Target alanında yazılı kısmı göreceksiniz. Onun sonuna aşağıdaki kısmı ekleyin;
    –disable dan sonrası;
  4. "C:\Program Files (X86) Google Chrome Application\chrome.exe" --disable-web-security --user-data-dir="C:/ChromeDevSession"
  5. 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.

Bir cevap yazın

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.