React fetch api has been blocked by CORS policy hatası

keremgns 638 gün önce

367 defa görüntülendi ve 1 kişi tarafından değerlendirildi

React da fetch api ile apiye istek attığımda bu hatayı alıyorum. Fakat API'ye postman ile istek atınca doğru bir şekilde cevap geliyor.

Cevap verirseniz servinirim. Şimdiden teşekkürler.

Kod:

fetch("https://zelzele.vercel.app/api")
      .then((response) => {
        response.json();
      })
      .then((data) => console.log(data));

    console.log(response);
  };

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevaplar (2)

devepdogukan

638 gün önce

cors hatasının türkçesi en basit şekilde istek atmaya çalıştığın bağlantı senin domain'ine bu bilgileri paylaşmayacağı anlamına gelir.Eğer istek atmaya çalıştığın sayfa sana aitse bu sorunu backend ile çözersin değilse hiçbir şekilde client tarafda çözemezsin

#012222

halilsarikas

638 gün önce

var myHeaders = new Headers();
myHeaders.append("User-Agent", "Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/110.0");
myHeaders.append("Accept", "text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,*/*;q=0.8");
myHeaders.append("Accept-Language", "tr-TR,tr;q=0.8,en-US;q=0.5,en;q=0.3");
myHeaders.append("Accept-Encoding", "gzip, deflate, br");
myHeaders.append("Connection", "keep-alive");
myHeaders.append("Upgrade-Insecure-Requests", "1");
myHeaders.append("Sec-Fetch-Dest", "document");
myHeaders.append("Sec-Fetch-Mode", "navigate");
myHeaders.append("Sec-Fetch-Site", "none");
myHeaders.append("Sec-Fetch-User", "?1");
myHeaders.append("TE", "trailers");

var requestOptions = {
  method: 'GET',
  headers: myHeaders,
  redirect: 'follow'
};

fetch("https://zelzele.vercel.app/api", requestOptions)
  .then(response => response.text())
  .then(result => console.log(result))
  .catch(error => console.log('error', error));

#012219