Cara menggunakan Penguji CORS
- Masukkan alamat API yang gagal, dan alamat situsmu sebagai origin.
- Pilih method lalu tambahkan header kustom jika perlu, seperti Authorization.
- Centang Kirim cookie jika permintaanmu memakai credentials, lalu klik Uji CORS.
- Baca bagian yang gagal, lalu salin perbaikan untuk server kamu.
Apa itu CORS?
Browser menghentikan halaman dari satu situs agar tidak membaca respons dari situs lain, kecuali server tersebut setuju. Cross-Origin Resource Sharing adalah cara persetujuan itu, menggunakan header respons Access-Control-Allow-*. Perbaikannya harus dilakukan di server, bukan di kode front-end kamu.
Apa itu preflight?
Untuk beberapa permintaan, seperti PUT, DELETE, atau yang memakai header Authorization, browser lebih dulu mengirim permintaan OPTIONS untuk meminta izin. Jika ini gagal, permintaan asli tidak pernah dikirim.
Error CORS yang umum
- Tidak ada header Access-Control-Allow-Origin: server tidak menambahkan header CORS. Halaman error juga sering tidak menyertakannya, jadi cek apakah permintaanmu gagal karena alasan lain.
- Wildcard dengan credentials:
*tidak bisa dipakai bersama cookie. Kirim origin yang tepat. - Preflight gagal: server harus membalas
OPTIONSdengan status 2xx, sebelum pengecekan login apa pun. - Nilai ganda: dua lapisan, seperti proxy dan aplikasi, mungkin sama-sama menambahkan header tersebut.
Jaga keamanannya
Hanya izinkan origin yang kamu percaya. Jangan menyalin ulang header Origin yang masuk tanpa memeriksanya terhadap daftar, terutama dengan credentials, karena situs mana pun bisa membaca data penggunamu.
Ingin membuat header dari nol? Gunakan CORS Header Generator. Untuk memeriksa respons lengkap, coba HTTP Header Checker.
Juga dicari sebagai: cors tester, cek cors, tes cors, error cors, blocked by cors policy, cors preflight test, access-control-allow-origin, cara memperbaiki error cors.
Tool yang cocok dipakai bersama Penguji CORS
- API Tester — Alternatif Postman yang ringan langsung di browser: susun request HTTP, kirim, lalu periksa status, waktu respons, header, dan JSON yang sudah dirapikan.
- Cek Security Headers — Beri nilai header keamanan HTTP sebuah situs dari A+ sampai F, lihat header apa saja yang belum ada beserta alasannya, lalu salin snippet konfigurasi siap pakai untuk Nginx, Apache, Netlify, Vercel, atau Cloudflare.
- Kode Status HTTP — Setiap kode respons HTTP standar dijelaskan dengan bahasa sederhana, lengkap dengan kapan dipakai dan pengaruhnya ke SEO.
- Analisis Header Email — Tempel header mentah dari email untuk melihat seluruh perjalanannya: setiap lompatan server beserta waktu tempuhnya, hasil SPF, DKIM dan DMARC, IP asal, serta tanda bahaya seperti Reply-To atau Return-Path yang tidak cocok.