Cara Mengatasi Blocked Error CORS
TweetMemahami CORS: Penyebab, Dampak, dan Solusi
Cross-Origin Resource Sharing (CORS) adalah sebuah mekanisme keamanan yang diterapkan oleh browser web modern untuk mengontrol akses ke sumber daya (seperti API atau file) yang berada di luar domain asal sebuah aplikasi web. CORS memungkinkan server untuk menentukan domain mana yang diizinkan untuk mengakses sumber dayanya, sehingga meningkatkan keamanan dan mencegah serangan berbahaya seperti Cross-Site Scripting (XSS).
Apa itu CORS?
CORS adalah singkatan dari Cross-Origin Resource Sharing. Ini adalah standar keamanan yang diterapkan oleh browser web untuk mengatur akses ke sumber daya dari domain yang berbeda. Ketika sebuah aplikasi web mencoba mengakses sumber daya dari domain yang berbeda (misalnya, melalui AJAX request), browser akan menerapkan kebijakan Same-Origin Policy. Kebijakan ini mencegah script dari satu origin (kombinasi protokol, domain, dan port) untuk mengakses sumber daya dari origin yang berbeda.
CORS bekerja dengan menambahkan header HTTP khusus yang memungkinkan server untuk menentukan origin mana yang diizinkan untuk mengakses sumber dayanya. Dengan cara ini, server dapat mengontrol akses lintas domain dan memastikan bahwa hanya aplikasi yang tepercaya yang dapat mengakses sumber dayanya.
Butuh jasa pembuatan aplikasi skripsi, harga MURAH dan pengerjaan CEPAT,
hubungi Wa: 0856 0178 8364
Mengapa Error CORS Terjadi?
Error CORS seperti yang Anda alami biasanya terjadi ketika browser mencoba melakukan permintaan ke server yang berada di domain yang berbeda, tetapi server tersebut tidak memiliki konfigurasi CORS yang tepat. Dalam kasus Anda, pesan error menunjukkan bahwa:
"Access to fetch at from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."
"Access to fetch at from origin has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled."
Ini berarti bahwa server yang Anda coba akses tidak mengirimkan header 'Access-Control-Allow-Origin' yang diperlukan dalam responsnya. Header ini diperlukan untuk memberi tahu browser bahwa domain asal Anda diizinkan untuk mengakses sumber daya tersebut.
Beberapa alasan umum mengapa error CORS dapat terjadi:
1. Server belum dikonfigurasi untuk mendukung CORS.
2. Server dikonfigurasi untuk CORS, tetapi domain Anda tidak termasuk dalam daftar yang diizinkan.
3. Konfigurasi CORS pada server tidak mencakup metode HTTP yang Anda gunakan (misalnya, GET, POST, PUT, dll.).
4. Jika Anda menggunakan kredensial dalam permintaan Anda (seperti cookies atau header Authorization), server mungkin tidak dikonfigurasi untuk mengizinkan permintaan dengan kredensial.
Bagaimana Cara Mengatasi CORS?
Ada beberapa cara untuk mengatasi error CORS, tergantung pada situasi dan kontrol yang Anda miliki atas server. dalam case ini kami menggunakan PHP sebagai beckend solusnya cukup sederhana, hanya perlu menambahkan baris berikut ini pada code PHP paling atas (tepat di bawah <?php)
header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Methods: POST, GET, OPTIONS, PUT, DELETE');
header('Access-Control-Allow-Headers: Content-Type, Accept, Origin, X-Requested-With');
Jika sudah seharusnya Error yang disebabkan oleh CORS sudah tidak muncul lagi.
Butuh jasa pembuatan aplikasi skripsi, harga MURAH dan pengerjaan CEPAT,
hubungi Wa: 0856 0178 8364
Portofolio
Berikut kami tampilkan beberapa portofolio yang pernah kami kerjakan. Lihat Selengkapnya
-untuk-Prediksi-Pergerakan-Harga-Forex.jpg)
Oleh : Firda
Tanggal Publikasi :
Bebas DP bagi Skripsi dengan Judul dan Konsep yang Jelas
Sisa Kuota 2
Sisa Waktu : : : :
