v2.5.2
Giriş yap

React fetch api has been blocked by CORS policy hatası

keremgns
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);
  };
halilsarikas
635 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));