Mapbox地理编码API-“跨域请求被阻止”错误

Question

我正在尝试调用Geocoding API，但没有任何运气。我一直收到以下错误。

跨源请求被阻止：“同源起源”策略不允许读取https://api.mapbox.com/gecoding/v5/mapbox.places/fort%20coll…7nugng＆autocomplete = true＆bbox = -105.214,40.451，-104.85,40.841处的远程资源。 （原因：CORS标头“ Access-Control-Allow-Origin”缺失）。

当我添加标题时，它说它无法运行脚本。不知道该怎么办。我的链接格式正确，因为它可以在地图框search-Playground

中使用

var searchId = document.getElementById('mySearch');
searchId.addEventListener('keyup', function onEvent(e) {
    if (e.keyCode === 13) {
        console.log(searchId.value)
        var urlBase = 'https://api.mapbox.com/gecoding/v5/mapbox.places/';
        var location = searchId.value;
        var bbox = [-105.214, 40.451, -104.850, 40.841]

        var query = urlBase + location + '.json?access_token=' + mapboxgl.accessToken + '&autocomplete=true&bbox=' + bbox;
        $.ajax({
            method: 'GET',
            url: query,
            success: function(data){
              console.log(data)
            }
          })
    }
});