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

2 bulan 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

2 bulan 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

sebulan 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~!