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