Как устранить ошибку CORS в вызове API Yelp? - PullRequest
Новая
       18

Как устранить ошибку CORS в вызове API Yelp?

0 голосов
/ 18 ноября 2018

Я пытаюсь вызвать API Yelp Fusion, используя AJAX, но я получаю следующую ошибку ниже.Может ли кто-нибудь помочь мне понять, что здесь происходит?

api.yelp.com / v3 /: 1 Не удалось загрузить ресурс: сервер ответил со статусом 403 () index.html: 1 Доступ к XMLHttpRequest по адресу https://api.yelp.com/v3/'из источника 'null' был заблокирован политикой CORS: Ответ на запрос предварительной проверки не проходит проверку контроля доступа: в запрошенном ресурсе отсутствует заголовок 'Access-Control-Allow-Origin'.

Вот код, который я использую: 

var queryURL = "https://api.yelp.com/v3/";
var apiKey = "my key" 

$.ajax({
    url: queryURL,
    method: "GET",
    headers: {
        "accept": "application/json",
        "Access-Control-Allow-Origin":"*",
        "Authorization": `Bearer ${apiKey}`
     }
 }).then(function(res) {
     var results = res.data
     console.log(results);
 });

1 Ответ

0 голосов
/ 14 декабря 2018

Попробуйте использовать прокси-сервер CORSAnywhere, вставьте ключ в приведенный ниже фрагмент кода и сделайте снимок: 

// JavaScript Document
var queryURL = "https://cors-anywhere.herokuapp.com/https://api.yelp.com/v3/";
var apiKey = "my key" 

$.ajax({
    url: queryURL,
    method: "GET",
    headers: {
        "accept": "application/json",
        "x-requested-with": "xmlhttprequest",
        "Access-Control-Allow-Origin":"*",
        "Authorization": `Bearer ${apiKey}`
     }
 }).then(function(res) {
     var results = res.data
     console.log(results);
 });
...