Mengaktifkan CORS di Nginx

By | October 11, 2020

Bagi yang telah berusaha mengoptimalkan websitenya pasti minimal sudah mencoba CDN (Content Delivery Network) sehingga setiap konten akan dikirimkan dari lokasi terdekat dan tercepat ke pengunjung. Tapi kasusnya kalau hanya asal diaktifkan kadang tidak muncul kontennya, terutama untuk jenis font yang hanya menjadi simbol kotak – kotak bukannya tulisan atau icon.

Ini disebabkan karena browser menolak memuat filenya karena tidak ada ijin eksplisit dari header filenya apakah bisa dimuat dari lain domain. Resiko keamanan soalnya. Untuk mengatasinya anda perlu menginstruksikan Nginx bahwa file – file tersebut adalah aman digunakan dengan menambahkan CORS (Cross-Origin Resource Sharing). Nah… kalau anda menggunakan web server Nginx maka bisa mencoba solusi berikut.

Silahkan anda akses file konfigurasi virtual host dari situsnya (misal: servernesia.conf), dan didalamnya langsung anda sisipkan kode berikut:

location   \.(ttf|ttc|otf|eot|woff|font.css|css)$ {
add_header Access-Control-Allow-Origin *;
}

Setelah itu restart Nginx supaya konfigurasi barunya dimuat:

service nginx restart

Selesai, silahkan cek header filenya untuk memastikan sudah berhasil diperbaiki atau cukup reload halaman webnya yang tadi bermasalah.


Sumber https://servernesia.com