Beberapa waktu yang lalu saya mengerjakan sebuah frelence project React.js nah saat itu saya masih belajar React, nah saat itu saya mengalami sebuah kendala atau masalah ketika menjalankan project React di Chrome ketika proses development. Yaitu errror nya berkaitan dengan CORS Block Origin, nah saya bingung karena kode saya sudah benar.

https://www.konsepkoding.com/2020/10/cara-mengatasi-cors-block-di-chrome.html


Kemudian saya mencari solusi dan menemukan cara paling cepat, agar kita Chrome tidak terkena CORS Block Origin pada saat development sebuah website entah itu Reactjs, Angular, Vue, PHP maupun yang lainnya.

Nah cara ini bisa digunakan di Linux, Mac OS, Dan Windows, silahkan simak tutorial  di bawah ini:

Mac OS / OSX

Jika kamu pengguna Mac, iMAC, silahkan buka terminal mu dan silahkan copy kode script di bawah ini :

open -n -a /Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --args --user-data-dir="/tmp/chrome_dev_test" --disable-web-security

Kemudian tekan enter, dan kau akan menjalankan Chrome tanpa CORS origin Block. 


Linux 

Jika kamu menggunakan Linux sebagai sistem operasi mu, silahkan buak terminal dan copy/ ketikan periintah di bawah ini :

google-chrome --disable-web-security

 Tamnbahan

Jika Anda memerlukan akses ke file lokal untuk tujuan dev seperti AJAX atau JSON, Anda dapat menggunakan tanda  -–allow-file-access-from-files

Windows 

Bagi kamu pengguna windows dan mengalami CORS origin saaat development sebuah web, berikut solusinya:

Ikuti saja langkah-langkahnya:

Klik kanan pada desktop, tambahkan pintasan baru
Tambahkan target sebagai : "[PATH_TO_CHROME]\chrome.exe" --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp
Klik OK.

CATATAN: Pada Windows 10, perintahnya adalah: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --disable-gpu --user-data-dir=~/chromeTemp


Sekian semoga tutorial atau informasi ini dapat bermanfaat bagi kamu yang sedang mengalami masalah CORS origin pada Chrome saat developing website entah itu React, Angular dan lain sebagainya.


Baca Juga Berita Konsep Koding Lainnya

Tutorial Simple Publish Localhost Dengan Localhost.run

Pengertian Dan Penjelasan DDL, DML Dan DCL Database

Apa Itu PWA (Progressive Web Apps) Yang Perlu Diketahui