Cara menambahkan header Access-Control-Allow-Origin di NGINX

Cara menambahkan header Access-Control-Allow-Origin di NGINX

Permasalahan Cross-Origin Request Blocked di web sering kali ditemui pada web wordpress yang menggunakan subdomain untuk content statis. bagaimana car

Cara menambahkan header Access-Control-Allow-Origin di htaccess
Mengenal cPanel – Fungsi dan kegunaan
Cara Membuat Email Perusahaan

Permasalahan Cross-Origin Request Blocked di web sering kali ditemui pada web wordpress yang menggunakan subdomain untuk content statis. bagaimana cara mengatasi masalah ini di web server nginx?

Misal domain utama anda adalah domainanda.com dan content static anda tempatkan di subdomain static.domainanda.com. Saat dilakukan inspect element pada web yang bermasalah pada display web font, di bagian bawah muncul error berikut:

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://static.domainanda.com/plugins/sneeit-framework/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

untuk mengatasi masalah ini, cukup dengan menambahkan header “Access-Control-Allow-Origin”.

Cara Menambahkan header “Access-Control-Allow-Origin” di nginx

Jika web server anda menggunakan NGINX, edit /etc/nginx/sites-enabled/static.domainanda.com (sesuaikan nama file virtual host di nginx server anda), kemudian tambahkan:

location ~* \.(eot|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

setelah itu restart nginx dengan perintah:

service nginx restart

Sumber gambar: https://www.keycdn.com/support/cors
Semoga bermanfaat

COMMENTS

WORDPRESS: 0
DISQUS: 0