Cara Mengatasi Error Cross Origin Resource Sharing (CORS)

Apakah Anda pernah mengalami error yang berbunyi "Font from origin has been blocked from loading by Cross-Origin Resource Sharing policy" ? Jika pernah mungkin artikel berikut ini dapat membantu menjawab dan mengatasi masalah tersebut.

keycdn

Cross Origin Resource Sharing (CORS) adalah mekanisme yang memperbolehkan resource atau file yang ada pada website kita seperti font, css atau js yang dipanggil pada domain lain diluar domain asalnya. Misalkan saya punya domain dengan nama coba.abcd.com yang ada beberapa filenya dipanggil melalui domain intinya yaitu abcd.com ataupun dengan nama domain yang berbeda penuh seperti hijkl.com, nah biasanya file yang kita panggil tersebut tidak akan tampil bahkan akan menampilkan error.

Sebagai salah 1 contohnya font (baik itu webfont biasa ataupun dari font-awesome) yang akan dipanggil tidak akan menampilkan hasil yang seharusnya. Selain file yang kita panggil tidak tampil atau error, user yang sedang mengakses website atau halaman tersebut akan dapat menimbulkan rasa tidak puas bahkan tidak mau lagi mengakses halaman website tersebut.

Bagaimana solusinya?

Caranya adalah menambahkan kalimat berikut ini ke dalam file .htaccess pada website yang Anda miliki:

Access-Control-Allow-Origin: https://arenaphp.blogspot.com

Sebagai catatan, nama website https://arenaphp.blogspot.com merupakan host file Anda berada dan sesuaikan dengan protokol website Anda apakah menggunakan http biasa atau https.

Apabila ada pertanyaan, silahkan tinggalkan komentar dibawah ini. Semoga bermanfaat

Referensi:
Keycdn

Comments

Cara Membuat Fungsi base_url pada Native PHP

Halo semua, kali ini saya akan memberikan tutorial tentang Cara Membuat Fungsi base_url pada Native PHP, fungsi ini dapat ditemui pada salah satu framework yang ada, yaitu Codeigniter. Fungsi base_url yang akan kita buat ini merupakan fungsi untuk mendapatkan link atau url dasar suatu project atau website. Apabila belum mengerti, maka bisa kita lihat pada contoh berikut: <?php echo $base_url; // akan menghasilkan: http://localhost/namaprojectanda atau http://www.google.com ?> Selanjutnya kita masuk ke kodingan fungsi ini, cukup salin dan simpan script berikut: Jadi, ketika Anda ingin menggunakan fungsi ini cukup panggil/ include kan pada bagian yang akan ditampilkan. Misalkan Anda sedang membuka file produk.php, kemudian Anda ingin mendapatkan base_url dari produk yang akan ditampilkan maka cukup panggil nama fungsi diatas dan gabungkan dengan script yang telah Anda buat. Saya pribadi merasakan manfaat yang sangat besar dari fungsi ini pada native php, terutam...

Membuat Tombol Kembali ke Halaman Sebelumnya dengan HTML dan Javascript

Pada coretan kali ini, saya akan memberikan tips sederhana tentang cara Membuat Tombol Kembali ke Halaman Sebelumnya dengan HTML dan Javascript. Bagi Anda yang membuat suatu aplikasi yang berhubungan dengan HTML dan Javascript mungkin tutorial kali ini akan bermanfaat. Bagaimana Caranya? Tanpa basa-basi panjang lebar, langsung saja copas script berikut ini dan silahkan dicoba. Berikut kodenya: Semoga bermanfaat

Mengatasi Font Numbering yang Tidak Berubah Sesuai yang Diinginkan pada WPS Writer Linux

Pada artikel kali ini, saya akan membagikan cara Mengatasi Font Numbering yang Tidak Berubah Sesuai yang Diinginkan pada WPS Office Linux. Problem ini saya dapatkan ketika menggunakan WPS Office pada OS Linux Mint 18.3, kemungkinan di versi lain juga akan mengalami hal yang sama tapi untuk pastinya silahkan dicoba sendiri. Ketika saya ingin mengganti font numbering pada WPS Office Writer, hasilnya tidak sesuai dengan yang saya inginkan. Setelah mondar-mandir dengan mbah gugel dan forum Ubuntu Linux Indonesia , akhirnya ada solusi dengan cara: Silahkan download filenya di github Ekstrak file yang sudah di download tadi Kemudian buka terminal Anda Masuk ke direktori folder yang sudah di ekstrak tadi, biasanya ada di folder Downloads Isikan pada terminal: cd Downloads, kemudian tekan enter Isikan lagi pada terminal cd namafolder yang sudah Anda ekstrak tadi Terakhir isikan perintah: sudo ./install.sh Setelah mengikuti tahap-tahap diatas, silahkan coba buka W...

Arena PHP

Search This Blog