Access to fetch from origin ‘null’ has been blocked by CORS policy

By Posted on

Mengatasi Masalah Untuk Developer/Programmer

Ketika Anda mengembangkan aplikasi web yang melibatkan permintaan lintas domain (CORS), Anda mungkin menghadapi pesan kesalahan seperti “Access to fetch from origin ‘null’ has been blocked by CORS policy”. Ini adalah masalah yang sering terjadi saat mengakses sumber daya lintas domain dari asal ‘null’, seperti yang sering terjadi saat menjalankan kode di localhost selama pengembangan. Berikut adalah langkah-langkah untuk mengatasi masalah ini di beberapa browser yang umum digunakan.

Google Chrome

  • Buka Terminal (Linux) atau Command Prompt (Windows).
  • Ketik perintah berikut untuk membuka Google Chrome dengan kebijakan keamanan CORS dinonaktifkan:
google-chrome --disable-web-security --user-data-dir="/path/to/temp/directory"
  • Tekan Enter untuk menjalankan perintah. Ini akan membuka Google Chrome dengan kebijakan keamanan CORS dinonaktifkan.
  • Gantilah /path/to/temp/directory dengan jalur direktori temporer yang Anda inginkan.


Mozilla Firefox

  • Buka Terminal (Linux) atau Command Prompt (Windows).
  • Ketik perintah berikut untuk membuka Mozilla Firefox dengan kebijakan keamanan CORS dinonaktifkan:
firefox --security-prefs="capability.policy.default.Window.disableCORS = true"
  • Tekan Enter untuk menjalankan perintah. Ini akan membuka Mozilla Firefox dengan kebijakan keamanan CORS dinonaktifkan.


Safari

Saat ini, Safari tidak mendukung cara langsung untuk menonaktifkan kebijakan keamanan CORS. Namun, Anda dapat mencoba langkah berikut:

  • Buka Terminal.
  • Jalankan perintah berikut untuk membuka Safari dengan kebijakan keamanan CORS dinonaktifkan:
open -a Safari --args --disable-web-security --user-data-dir="/path/to/temp/directory
  • Gantilah /path/to/temp/directory dengan jalur direktori temporer yang Anda inginkan.


Brave

  • Buka Terminal (Linux) atau Command Prompt (Windows).
  • Ketik perintah berikut untuk membuka Brave dengan kebijakan keamanan CORS dinonaktifkan:
brave-browser --disable-web-security --user-data-dir="/path/to/temp/directory"
  • Gantilah /path/to/temp/directory dengan jalur direktori temporer yang Anda inginkan.


Opera

  • Buka Terminal (Linux) atau Command Prompt (Windows).
  • Ketik perintah berikut untuk membuka Opera dengan kebijakan keamanan CORS dinonaktifkan:
opera --disable-web-security --user-data-dir="/path/to/temp/directory
  • Gantilah /path/to/temp/directory dengan jalur direktori temporer yang Anda inginkan.

Pastikan untuk menggunakan opsi ini hanya saat Anda berada di lingkungan pengembangan dan hindari penggunaannya saat menjelajahi internet secara umum. Setelah selesai pengembangan, sebaiknya matikan opsi ini dan mengatasi masalah CORS dengan cara yang lebih aman dan sesuai dengan kebijakan keamanan. Selalu prioritaskan keamanan dan praktik pengembangan yang baik.