Bismillaahirrohmaanirrohiim…

Ada masalah error CORS Origin ketika kita mengakses css, js, atau font yang kita taruh di domain terpisah dari domain utama. Masalah muncul ketika icon-icon atau file font tidak dapat di load yang ketika kita lihat di console browser akan muncul error “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource“.

Persoalan ini jika di apache, akan sangat mudah diselesaikan, cukup memasang htaccess dengan isi dibawah ini :

<IfModule mod_headers.c>
  <FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js)$">
    Header set Access-Control-Allow-Origin "*"
  </FilesMatch>
</IfModule>

Pada cyberpanel, cara tersebut tidak bisa dilakukan, karena htaccess yang dapat dihandle openlitespeed hanya mod_rewrite saja. Nah untuk mengatasi masalah CORS Origin pada server openlitespeed (cyberpanel) caranya adalah cukup login ke panel kemudian masuk pada dashboard website.

Klik pada menu Configuration => vHost conf, kemudian masukkan baris berikut:

context / {
    extraHeaders Access-Control-Allow-Origin *
}

rewrite  {
  enable                  1
  autoLoadHtaccess        1
}

Kemudian Save. Coba sekarang seharusnya error “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource” sudah tidak muncul lagi dan file statis css js font woff ttf dan lain-lain dapat diakses dari website manapun.

Semoga bermanfaat.