ITDZK / api

13 stars 2 forks source link

как правильно подключится через fetch #8

Open andy-groove opened 2 years ago

andy-groove commented 2 years ago

Подскажите пожалуйста как правильно подключится

пример для fetch запроса вот код у меня приходит пустой body https://prnt.sc/1yevu4w

const apiUrl = 'https://e.land.gov.ua/oauth/v2/token'
const client_id = 'yyyyyyyyyyyyyyyyyyyyyyyyyyyyy'
const client_secret = 'xxxxxxxxxxxxxxxxxxxxxxxxxx'
const grant_type = 'client_credentials'

async function postData() {
    const response = await fetch(apiUrl, {
        method: 'POST',
        mode: 'no-cors',
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        },
        body: 'grant_type=client_credentials&client_id=' + client_id + '&client_secret=' + client_secret,
    });
    return response;
}

postData().then((data) => {
    console.log(data);
});
oleksandr-palyvoda commented 2 years ago

Посмотрите в консоль браузера, скорее всего у Вас будет ошибка нарушения политики cors. Можно поднять backend в котором Вы можете скрыть свои ключи и обращаться с фронта (уже без ключей) на свой backend который будет обращаться уже к сервису API. В данном случае ошибки не будет. В будущем Вы можете настроить политику cors для своих сервисов и авторизацию, например. Чтобы никто не мог использовать функционал вашего приложения без ограничений, т.к. у Вас есть лимиты на количество запросов, если я не ошибаюсь.