Блог

В настоящее время я работаю с api rest, где я передаю параметры контроллера, версию и действие через URI. Однако, когда я выполняю запрос с URI, содержащим более 19 символов, он выдает ошибку CORS:

Доступ к XMLHttpRequest в ‘http://my-api-host/toll/vehicle/v1/list ‘из источника’http://localhost: 3000’ заблокирован политикой CORS: Ответ на предполетный запрос не проходит проверку контроля доступа: у него нет статуса HTTP ok.

При аутентификации запрос работает даже с URI, содержащим более 19 символов. Однако любой другой запрос с другим URI, который содержит более 19 символов, выдает ту же ошибку. Я использую API своего приложения, и запрос работает нормально.

Я использую axios в Reactjs. API уже настраивается на прием типа контента, который я использую (application / json), а также уже принимает запросы из разных источников.

Мой код запроса:

 request(uri, params = {}){
        return new Promise((resolve, reject) => {
            axios
                .post('http://my-api-host'   uri, JSON.stringify(params), {
                    headers: {
                        'Content-Type': 'application/json'
                    }
                })
                .then(response => {
                    if (response.data.success) {
                        resolve(response.data);
                    } else {
                        reject(response.data);
                    }
                });
        });
    };
  

Кто-нибудь проходил через это и мог бы помочь? заранее спасибо

Вы использовали выборку вместо этого?

 async function postData(url = '', params = {}) {
  // Default options are marked with *
  const response = await fetch(url, {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, *cors, same-origin
    headers: {
      'Content-Type': 'application/json'
    },
    qs: JSON.stringify(params) // query string data
  });
  return response.json(); // parses JSON response into native JavaScript objects
}

postData('http://my-api-host', params)
  .then(data => {
    console.log(data);
  });