Mengatasi Error Access-Control-Allow-Origin Dengan Htaccess

Bismillaahirrohmaanirrohiim…

Pernah mengalami kita ingin post data memakai j4vascript (react, ajax, jquery, dll) kemudian ada error “No ‘Access-Control-Allow-Origin’“?

Hal itu terjadi karena cross origin request secara default di blok untuk keamanan.

Langsung saja ya, di bawah ini yaitu cara semoga localhost atau server kita dapat diakses dengan API j4vascript untuk post data.

Buat file .htaccess bila sudah ada tinggal tambahkan instruksi dibawah ini kemudian simpan di root folder yang ingin kita akses.

Options -Indexes
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Jika masih gagal, silahkan masukkan instruksi di bawah ini paling atas di file php

<?php
header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept");

Demikian silahkan dicoba untuk post data ke server tersebut memakai API j4vascript, react JS, Jquery, Ajax, dan lain-lain.

Populer Post