Enable Cors in Javascript/jquery

halo saya baru saja main main dengan API dan ingin mencoba API dari rajaongkir, saya pake dua cara untuk fetch API nya tapi kedua nya mengalami error yang sama dimana di console ada error seperti ini:

1.jpg

saya sudah cari sana sini dan banyak yang menyaran kan menaruh "Access-Allow-Origin" di headers, sudah saya lakukan dan tetap saja

ini kode nya:

$.ajax({
    url     : "//api.rajaongkir.com/starter/city?key=YOUR_KEY",
    method  : "GET",
    beforeSend: console.log('Loading...'),
    xhrFields: {
       withCredentials: true
    },
    headers: {
       "accept": "application/json",
       "Access-Control-Allow-Origin":"*"
    }
    }).done(function(data){
          console.log(data)
    }).fail(function(){
          console.log('error')
    });

dan ini untuk kode kedua nya :

fetch('https://api.rajaongkir.com/starter/city?key=YOUR_KEY')
        .then(response => response.json())
        .then(data => {
            console.log(data.rajaongkir)
        })

untuk yang kode kedua saya tidak tau harus taruh header nya dimana, tapi kedua nya juga mendapatkan error yang sama. Dan saya juga mencoba satu extension untuk chrome

2.jpg

setelah pake ini semua nya berjalan lancar untuk di development tapi saat production tetap saja sama karna user harus install extension dulu

avatar yunianrezky
@yunianrezky

28 Kontribusi 10 Poin

Diperbarui 1 tahun yang lalu

1 Jawaban:

<div>Itu ga bisa mas, itu harusnya dari sisi server untuk mengembalikan header&nbsp; response, bukan mas yang request dengan header.<br><br><br>"Access-Control-Allow-Origin":"*"<br><br><br><br></div>

avatar Itsdonnisnoni
@Itsdonnisnoni

55 Kontribusi 31 Poin

Dipost 1 tahun yang lalu

Login untuk ikut Jawaban