Diskusi Adnan Fathino

Selesai
Adnan Fathino
Ditanyakan pada: Menampilkan Data Produk dari Server

has been blocked by CORS policy

No 'Access-Control-Allow-Origin' header is present on the requested resource. ini gimana ya cara mengatasinya?

3 Jawaban

Avatar
Faisal Hanafi

setahun yang lalu

Coba kakak tambahkan header Access-Control-Allow-Origin pada server-sidenya (express) seperti dibawah ini

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

Sedikit penjelasan mengenai Error "No 'Access-Control-Allow-Origin' header is present on the requested resource" hal ini terjadi ketika browser memblokir akses ke sumber daya yang diminta karena peraturan Same-Origin Policy. dan Ini adalah pengamanan untuk mencegah situs web yang tidak terpercaya membaca atau mengubah konten dari situs web yang dapat dipercaya.

Avatar
BroKoding

setahun yang lalu

Halo kak, ini dikarenakan ada enable cors yakni bisa di middleware atau route atau function nya. Ataukah mungkin menggunakan package cors dari npm? Bisa lampirkan repository nya untuk dicek ya.

Avatar
Levianth

setahun yang lalu

Hi kak~!

Terima kasih telah bertanya di codepolitan dan dengan senang hati kami akan selalu membantu kakak untuk setiap masalah yang kakak alami di setiap courses yang kakak pelajari ya :D

Maka dari itu izinkan saya untuk menutup pertanyaan ini ya kakak dan jika ada pertanyaan lain silahkan tanyakan lagi ya kak :D

Terima kasih~!