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
Keycdn