Mengatasi error Access-Control-Allow-Origin dengan htaccess

Bismillaahirrohmaanirrohiim…

Pernah mengalami kita ingin post data menggunakan javascript (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 adalah cara agar localhost atau server kita bisa diakses dengan API javascript untuk post data.

Buat file .htaccess kalau sudah ada tinggal tambahkan kode dibawah ini lalu 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 kode 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 menggunakan API javascript, react JS, Jquery, Ajax, dan lain-lain.

Leave a Reply

Your email address will not be published. Required fields are marked *