@Ily4farmer

Почему не работает get запрос Axios?

Есть адрес сервера, по которому должны отправляться запросы: http://tmgwebtest.azurewebsites.net/api/textstrings/{id}, где {id} – идентификатор строки.

Идентификатор строки является целым числом и может принимать значения в диапазоне от 1 до 20 (значения «005», «05» и «5» – эквивалентны).

По GET-запросу по этому адресу должен возвращаться JSON со следующей структурой {"text":"Some text here."} (поле text содержит искомую строку).

Для аутентификации на сервере необходимо добавить к запросу заголовок «TMG-Api-Key» со значением «0J/RgNC40LLQtdGC0LjQutC4IQ==».

Вот мой код
async function fetchApi() {
    const id = 15
    const url = `http://tmgwebtest.azurewebsites.net/api/textstrings/${id}`
    
    await axios.get(
      url,
      {headers: {
          "TMG-Api-Key" : "0J/RgNC40LLQtdGC0LjQutC4IQ=="
        }
      }
    )
    .then((response) => {
        const respons = response.data;
        console.log(respons);
        
      },
      (error) => {
        console.log(error);
      }
    );
  }


Но мне выводиться следующая ошибка :
Access to XMLHttpRequest at 'tmgwebtest.azurewebsites.net/api/textstrings/15' from origin 'localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: Redirect is not allowed for a preflight request.

Как исправить проблему с CORS?
  • Вопрос задан
  • 826 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы